Created at 02/27/2023 19:12
#2c5e71 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2c5e71 | RGB(44, 94, 113) |
RGB values are RGB(44, 94, 113)
#2c5e71 color contain Red 17.25%, Green 36.86% and Blue 44.31%.
oklch(45.56% 0.0619 225.52)
#2c5e71 color contain Red 17.25%, Green 36.86% and Blue 44.31%.
oklch(45.56% 0.0619 225.52)
Color Names of #2c5e71 HEX code
≈ Casal
Classification of #2c5e71 color
#2c5e71 is Semi dark and Cool Color Saturation 44%, lightness 31%.
Tint of darkslategrey
Alternative colors of #2c5e71
Opposite Color for #2c5e71 is #713f2c
#2c5e71 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2c5e71
Decimal
2907761
HEX
#2c5e71
HSL
hsl(197, 44%, 31%)
HSLA
hsla(197, 44%, 31%, 1)
RGB
RGB(44, 94, 113)
RGBA
RGBA(44, 94, 113, 1)
Palettes for #2c5e71 color:
Below examples of color palettes for #2c5e71 HEX color
darkest color is #04090b from shades and lightest color is #eaeff1 from tints
Shades palette of #2c5e71:
#285566
#234b5a
#1f424f
#1a3844
#162f39
#12262d
#0d1c22
#091317
#04090b
#000000
Tints palette of #2c5e71:
#416e7f
#567e8d
#6b8e9c
#809eaa
#96afb8
#abbfc6
#c0cfd4
#d5dfe3
#eaeff1
#ffffff
Complementary palette of #2c5e71:
#2c5e71
#713f2c
Triadic palette of #2c5e71:
#2c5e71
#712c5e
#5e712c
Square palette of #2c5e71:
#2c5e71
#612c71
#713f2c
#3c712c
Analogous palette of #2c5e71:
#2c7161
#2c5e71
#2c3c71
Split-Complementary palette of #2c5e71:
#2c5e71
#712c3c
#71612c
Rectangle (tetradic) palette of #2c5e71:
#2c5e71
#3f2c71
#713f2c
#5e712c
Suggested color palettes for #2c5e71 HEX:
Color palette with color #2c5e71 #1:
Color palette with color #2c5e71 #2:
Color palette with color #2c5e71 #3:
Color palette with color #2c5e71 #4:
Color palette with color #2c5e71 #5:
Color #2c5e71 used in palettes (1)
Color Contrast
Color pairings #2c5e71 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#2c5e71
#2c5e71 Contrast Ratio
7.12:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2c5e71
#2c5e71 Contrast Ratio
2.94:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2c5e71 color png
Visit the popular colors list for more colors