#2f5564 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2f5564 | RGB(47, 85, 100) |
Created at 02/23/2023 02:13
RGB values are RGB(47, 85, 100)
#2f5564 color contains Red 18.43%, Green 33.33% and Blue 39.22%.
oklch(42.77% 0.0499 225.52)
#2f5564 color contains Red 18.43%, Green 33.33% and Blue 39.22%.
oklch(42.77% 0.0499 225.52)
Color Names of #2f5564 HEX code
≈ San Juan
Classification of #2f5564 color
#2f5564 is Semi dark and Cool Color Saturation 36%, lightness 29%.
Tint of Dark Slate Gray
Alternative colors of #2f5564
Opposite Color for #2f5564 is #643e2f
#2f5564 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2f5564
cmyk
CMYK(53%, 15%, 0%, 61%)
Decimal
3102052
HEX
#2f5564
HSL
hsl(197, 36%, 29%)
HSLA
hsla(197, 36%, 29%, 1)
RGB
RGB(47, 85, 100)
RGBA
RGBA(47, 85, 100, 1)
Palettes for #2f5564 color:
Below are examples of color palettes with the #2f5564 HEX color
darkest color is #05080a from shades and lightest color is #eaeef0 from tints
Shades palette of #2f5564:
#2a4d5a
#264450
#213b46
#1c333c
#182b32
#132228
#0e1a1e
#091114
#05080a
#000000
Tints palette of #2f5564:
#446674
#597783
#6d8893
#8299a2
#97aab2
#acbbc1
#c1ccd1
#d5dde0
#eaeef0
#ffffff
Complementary palette of #2f5564:
#2f5564
#643e2f
Triadic palette of #2f5564:
#2f5564
#642f55
#55642f
Square palette of #2f5564:
#2f5564
#582f64
#643e2f
#3b642f
Analogous palette of #2f5564:
#2f6458
#2f5564
#2f3b64
Split-Complementary palette of #2f5564:
#2f5564
#642f3b
#64582f
Rectangle (tetradic) palette of #2f5564:
#2f5564
#3e2f64
#643e2f
#55642f
Suggested color palettes for #2f5564 HEX:
Color palette with color #2f5564 #1:
Color palette with color #2f5564 #2:
Color palette with color #2f5564 #3:
Color palette with color #2f5564 #4:
Color palette with color #2f5564 #5:
Color #2f5564 used in palettes (1)
Color Contrast
Color pairings of #2f5564 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2f5564
#2f5564Contrast Ratio
8.06:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2f5564
#2f5564Contrast Ratio
2.6:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2f5564 color png
Visit the popular colors list for more colors