#2c4e6b HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2c4e6b | RGB(44, 78, 107) |
Created at 03/05/2023 10:37
RGB values are RGB(44, 78, 107)
#2c4e6b color contains Red 17.25%, Green 30.59% and Blue 41.96%.
oklch(41.15% 0.0631 245.86)
#2c4e6b color contains Red 17.25%, Green 30.59% and Blue 41.96%.
oklch(41.15% 0.0631 245.86)
Color Names of #2c4e6b HEX code
≈ San Juan
Classification of #2c4e6b color
#2c4e6b is Semi dark and Cool Color Saturation 42%, lightness 30%.
Shade of Dark Slate Blue
Alternative colors of #2c4e6b
Opposite Color for #2c4e6b is #6b492c
#2c4e6b Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2c4e6b
cmyk
CMYK(59%, 27%, 0%, 58%)
Decimal
2903659
HEX
#2c4e6b
HSL
hsl(208, 42%, 30%)
HSLA
hsla(208, 42%, 30%, 1)
RGB
RGB(44, 78, 107)
RGBA
RGBA(44, 78, 107, 1)
Palettes for #2c4e6b color:
Below are examples of color palettes with the #2c4e6b HEX color
darkest color is #04080b from shades and lightest color is #eaedf0 from tints
Shades palette of #2c4e6b:
#284660
#233e56
#1f374b
#1a2f40
#162736
#121f2b
#0d1720
#091015
#04080b
#000000
Tints palette of #2c4e6b:
#41607a
#567189
#6b8397
#8095a6
#96a7b5
#abb8c4
#c0cad3
#d5dce1
#eaedf0
#ffffff
Complementary palette of #2c4e6b:
#2c4e6b
#6b492c
Triadic palette of #2c4e6b:
#2c4e6b
#6b2c4e
#4e6b2c
Square palette of #2c4e6b:
#2c4e6b
#682c6b
#6b492c
#2f6b2c
Analogous palette of #2c4e6b:
#2c6b69
#2c4e6b
#2c2e6b
Split-Complementary palette of #2c4e6b:
#2c4e6b
#6b2c2f
#6b682c
Rectangle (tetradic) palette of #2c4e6b:
#2c4e6b
#492c6b
#6b492c
#4e6b2c
Suggested color palettes for #2c4e6b HEX:
Color palette with color #2c4e6b #1:
Color palette with color #2c4e6b #2:
Color palette with color #2c4e6b #3:
Color palette with color #2c4e6b #4:
Color palette with color #2c4e6b #5:
Color #2c4e6b used in palettes (4)
Color Contrast
Color pairings of #2c4e6b with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2c4e6b
#2c4e6bContrast Ratio
8.71:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2c4e6b
#2c4e6bContrast Ratio
2.4:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2c4e6b color png
Visit the popular colors list for more colors