#2f556d HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2f556d | RGB(47, 85, 109) |
Created at 02/21/2023 19:44
RGB values are RGB(47, 85, 109)
#2f556d color contains Red 18.43%, Green 33.33% and Blue 42.75%.
oklch(43.20% 0.0589 237.94)
#2f556d color contains Red 18.43%, Green 33.33% and Blue 42.75%.
oklch(43.20% 0.0589 237.94)
Color Names of #2f556d HEX code
≈ San Juan
Classification of #2f556d color
#2f556d is Semi dark and Cool Color Saturation 40%, lightness 31%.
Tint of Dark Slate Gray
Alternative colors of #2f556d
Opposite Color for #2f556d is #6d472f
#2f556d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2f556d
cmyk
CMYK(57%, 22%, 0%, 57%)
Decimal
3102061
HEX
#2f556d
HSL
hsl(203, 40%, 31%)
HSLA
hsla(203, 40%, 31%, 1)
RGB
RGB(47, 85, 109)
RGBA
RGBA(47, 85, 109, 1)
Palettes for #2f556d color:
Below are examples of color palettes with the #2f556d HEX color
darkest color is #05080b from shades and lightest color is #eaeef0 from tints
Shades palette of #2f556d:
#2a4d62
#264457
#213b4c
#1c3341
#182b37
#13222c
#0e1a21
#091116
#05080b
#000000
Tints palette of #2f556d:
#44667c
#59778a
#6d8899
#8299a7
#97aab6
#acbbc5
#c1ccd3
#d5dde2
#eaeef0
#ffffff
Complementary palette of #2f556d:
#2f556d
#6d472f
Triadic palette of #2f556d:
#2f556d
#6d2f55
#556d2f
Square palette of #2f556d:
#2f556d
#662f6d
#6d472f
#366d2f
Analogous palette of #2f556d:
#2f6d66
#2f556d
#2f366d
Split-Complementary palette of #2f556d:
#2f556d
#6d2f36
#6d662f
Rectangle (tetradic) palette of #2f556d:
#2f556d
#472f6d
#6d472f
#556d2f
Suggested color palettes for #2f556d HEX:
Color palette with color #2f556d #1:
Color palette with color #2f556d #2:
Color palette with color #2f556d #3:
Color palette with color #2f556d #4:
Color palette with color #2f556d #5:
Color #2f556d used in palettes (1)
Color Contrast
Color pairings of #2f556d with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2f556d
#2f556dContrast Ratio
7.95:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2f556d
#2f556dContrast Ratio
2.64:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2f556d color png
Visit the popular colors list for more colors