#2c5060 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2c5060 | RGB(44, 80, 96) |
Created at 02/28/2023 21:16
Classification of #2c5060 color
#2c5060 is Semi dark and Cool Color Saturation 37%, lightness 27%.
Tint of Dark Slate Gray
RGB values are RGB(44, 80, 96)
#2c5060 color contains Red 17.25%, Green 31.37% and Blue 37.65%.
oklch(41.12% 0.0494 228.5)
#2c5060 color contains Red 17.25%, Green 31.37% and Blue 37.65%.
oklch(41.12% 0.0494 228.5)
Color Names of #2c5060 HEX code
≈ San Juan
Alternative colors of #2c5060
Opposite Color for #2c5060 is #603c2c
#2c5060 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2c5060
cmyk
CMYK(54%, 17%, 0%, 62%)
Decimal
2904160
HEX
#2c5060
HSL
hsl(198, 37%, 27%)
HSLA
hsla(198, 37%, 27%, 1)
RGB
RGB(44, 80, 96)
RGBA
RGBA(44, 80, 96, 1)
Palettes for #2c5060 color:
Below are examples of color palettes with the #2c5060 HEX color
darkest color is #04080a from shades and lightest color is #eaeeef from tints
Shades palette of #2c5060:
#284856
#23404d
#1f3843
#1a303a
#162830
#122026
#0d181d
#091013
#04080a
#000000
Tints palette of #2c5060:
#416270
#567380
#6b8590
#8096a0
#96a8b0
#abb9bf
#c0cbcf
#d5dcdf
#eaeeef
#ffffff
Complementary palette of #2c5060:
#2c5060
#603c2c
Triadic palette of #2c5060:
#2c5060
#602c50
#50602c
Square palette of #2c5060:
#2c5060
#562c60
#603c2c
#36602c
Analogous palette of #2c5060:
#2c6056
#2c5060
#2c3660
Split-Complementary palette of #2c5060:
#2c5060
#602c36
#60562c
Rectangle (tetradic) palette of #2c5060:
#2c5060
#3c2c60
#603c2c
#50602c
Suggested color palettes for #2c5060 HEX:
Color palette with color #2c5060 #1:
Color palette with color #2c5060 #2:
Color palette with color #2c5060 #3:
Color palette with color #2c5060 #4:
Color palette with color #2c5060 #5:
Color #2c5060 used in palettes (1)
Color Contrast
Color pairings of #2c5060 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2c5060
#2c5060 Contrast Ratio
8.66:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2c5060
#2c5060 Contrast Ratio
2.42:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2c5060 color png
Visit the popular colors list for more colors