#2f4a63 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2f4a63 | RGB(47, 74, 99) |
Created at 03/06/2023 22:12
Classification of #2f4a63 color
#2f4a63 is Semi dark and Cool Color Saturation 36%, lightness 29%.
Shade of Dark Slate Blue
RGB values are RGB(47, 74, 99)
#2f4a63 color contains Red 18.43%, Green 29.02% and Blue 38.82%.
oklch(39.89% 0.0537 247.45)
#2f4a63 color contains Red 18.43%, Green 29.02% and Blue 38.82%.
oklch(39.89% 0.0537 247.45)
Color Names of #2f4a63 HEX code
≈ San Juan
Alternative colors of #2f4a63
Opposite Color for #2f4a63 is #63482f
#2f4a63 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2f4a63
cmyk
CMYK(53%, 25%, 0%, 61%)
Decimal
3099235
HEX
#2f4a63
HSL
hsl(209, 36%, 29%)
HSLA
hsla(209, 36%, 29%, 1)
RGB
RGB(47, 74, 99)
RGBA
RGBA(47, 74, 99, 1)
Palettes for #2f4a63 color:
Below are examples of color palettes with the #2f4a63 HEX color
darkest color is #05070a from shades and lightest color is #eaedef from tints
Shades palette of #2f4a63:
#2a4359
#263b4f
#213445
#1c2c3b
#182532
#131e28
#0e161e
#090f14
#05070a
#000000
Tints palette of #2f4a63:
#445c73
#596e82
#6d8092
#8292a1
#97a5b1
#acb7c1
#c1c9d0
#d5dbe0
#eaedef
#ffffff
Complementary palette of #2f4a63:
#2f4a63
#63482f
Triadic palette of #2f4a63:
#2f4a63
#632f4a
#4a632f
Square palette of #2f4a63:
#2f4a63
#622f63
#63482f
#30632f
Analogous palette of #2f4a63:
#2f6362
#2f4a63
#2f3063
Split-Complementary palette of #2f4a63:
#2f4a63
#632f30
#63622f
Rectangle (tetradic) palette of #2f4a63:
#2f4a63
#482f63
#63482f
#4a632f
Suggested color palettes for #2f4a63 HEX:
Color palette with color #2f4a63 #1:
Color palette with color #2f4a63 #2:
Color palette with color #2f4a63 #3:
Color palette with color #2f4a63 #4:
Color palette with color #2f4a63 #5:
Color #2f4a63 used in palettes (1)
Color Contrast
Color pairings of #2f4a63 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2f4a63
#2f4a63 Contrast Ratio
9.2:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2f4a63
#2f4a63 Contrast Ratio
2.28:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2f4a63 color png
Visit the popular colors list for more colors