#2c5a6c HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2c5a6c | RGB(44, 90, 108) |
Created at 10/05/2026 19:29
RGB values are RGB(44, 90, 108)
#2c5a6c color contains Red 17.25%, Green 35.29% and Blue 42.35%.
oklch(44.29% 0.0583 225.98)
#2c5a6c color contains Red 17.25%, Green 35.29% and Blue 42.35%.
oklch(44.29% 0.0583 225.98)
Color Names of #2c5a6c HEX code
≈ Casal
Classification of #2c5a6c color
#2c5a6c is Semi dark and Cool Color Saturation 42%, lightness 30%.
Tint of Dark Slate Gray
Alternative colors of #2c5a6c
Opposite Color for #2c5a6c is #6c3e2c
#2c5a6c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2c5a6c
cmyk
CMYK(59%, 17%, 0%, 58%)
Decimal
2906732
HEX
#2c5a6c
HSL
hsl(197, 42%, 30%)
HSLA
hsla(197, 42%, 30%, 1)
RGB
RGB(44, 90, 108)
RGBA
RGBA(44, 90, 108, 1)
Palettes for #2c5a6c color:
Below are examples of color palettes with the #2c5a6c HEX color
darkest color is #04090b from shades and lightest color is #eaeff0 from tints
Shades palette of #2c5a6c:
#285161
#234856
#1f3f4c
#1a3641
#162d36
#12242b
#0d1b20
#091216
#04090b
#000000
Tints palette of #2c5a6c:
#416b7b
#567b89
#6b8c98
#809ca7
#96adb6
#abbdc4
#c0ced3
#d5dee2
#eaeff0
#ffffff
Complementary palette of #2c5a6c:
#2c5a6c
#6c3e2c
Triadic palette of #2c5a6c:
#2c5a6c
#6c2c5a
#5a6c2c
Square palette of #2c5a6c:
#2c5a6c
#5e2c6c
#6c3e2c
#3a6c2c
Analogous palette of #2c5a6c:
#2c6c5e
#2c5a6c
#2c3a6c
Split-Complementary palette of #2c5a6c:
#2c5a6c
#6c2c3a
#6c5e2c
Rectangle (tetradic) palette of #2c5a6c:
#2c5a6c
#3e2c6c
#6c3e2c
#5a6c2c
Suggested color palettes for #2c5a6c HEX:
Color palette with color #2c5a6c #1:
Color palette with color #2c5a6c #2:
Color palette with color #2c5a6c #3:
Color palette with color #2c5a6c #4:
Color palette with color #2c5a6c #5:
Color Contrast
Color pairings of #2c5a6c with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2c5a6c
#2c5a6cContrast Ratio
7.53:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2c5a6c
#2c5a6cContrast Ratio
2.78:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2c5a6c color png
Visit the popular colors list for more colors