#2f4d6d HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2f4d6d | RGB(47, 77, 109) |
Created at 02/24/2023 23:47
Classification of #2f4d6d color
#2f4d6d is Semi dark and Cool Color Saturation 40%, lightness 31%.
Shade of darkslateblue
RGB values are RGB(47, 77, 109)
#2f4d6d color contains Red 18.43%, Green 30.2% and Blue 42.75%.
oklch(41.17% 0.0649 251.12)
#2f4d6d color contains Red 18.43%, Green 30.2% and Blue 42.75%.
oklch(41.17% 0.0649 251.12)
Color Names of #2f4d6d HEX code
≈ San Juan
Alternative colors of #2f4d6d
Opposite Color for #2f4d6d is #6d4f2f
#2f4d6d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2f4d6d
Decimal
3100013
HEX
#2f4d6d
HSL
hsl(211, 40%, 31%)
HSLA
hsla(211, 40%, 31%, 1)
RGB
RGB(47, 77, 109)
RGBA
RGBA(47, 77, 109, 1)
Palettes for #2f4d6d color:
Below examples of color palettes for #2f4d6d HEX color
darkest color is #05080b from shades and lightest color is #eaedf0 from tints
Shades palette of #2f4d6d:
#2a4562
#263e57
#21364c
#1c2e41
#182737
#131f2c
#0e1721
#090f16
#05080b
#000000
Tints palette of #2f4d6d:
#445f7c
#59718a
#6d8299
#8294a7
#97a6b6
#acb8c5
#c1cad3
#d5dbe2
#eaedf0
#ffffff
Complementary palette of #2f4d6d:
#2f4d6d
#6d4f2f
Triadic palette of #2f4d6d:
#2f4d6d
#6d2f4d
#4d6d2f
Square palette of #2f4d6d:
#2f4d6d
#6d2f6c
#6d4f2f
#2f6d30
Analogous palette of #2f4d6d:
#2f6c6d
#2f4d6d
#302f6d
Split-Complementary palette of #2f4d6d:
#2f4d6d
#6d302f
#6c6d2f
Rectangle (tetradic) palette of #2f4d6d:
#2f4d6d
#4f2f6d
#6d4f2f
#4d6d2f
Suggested color palettes for #2f4d6d HEX:
Color palette with color #2f4d6d #1:
Color palette with color #2f4d6d #2:
Color palette with color #2f4d6d #3:
Color palette with color #2f4d6d #4:
Color palette with color #2f4d6d #5:
Color #2f4d6d used in palettes (2)
Color Contrast
Color pairings #2f4d6d with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#2f4d6d
#2f4d6d Contrast Ratio
8.73:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2f4d6d
#2f4d6d Contrast Ratio
2.4:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2f4d6d color png
Visit the popular colors list for more colors