#508A8A
A medium, muted cyan closely aligning with Cadetblue.
About #508A8A
At its core, #508A8A is a medium and muted hue. It is closely associated with the named CSS color Cadetblue. To achieve this exact tint on a monitor, you would use an RGB mix of 80, 138, and 138.
When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 42% cyan, 0% magenta, 0% yellow, and 46% black. This makes it a relatively light color when applied to physical surfaces.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#508A8A
RGB80, 138, 138
HSL180.0°, 26.6%, 42.7%
CMYK42%, 0%, 0%, 46%
HSV180.0°, 42.0%, 54.1%
LAB53.7, -18.9, -6.0
XYZ17.0, 21.7, 27.3
Decimal5278346
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
3.93:1
Text on #FFFFFF
AA Large
5.34:1
Text on #000000
AA
3.76:1
Text on #F8FAFC
AA Large
4.54:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #508A8A;
}
.text-color {
color: #508A8A;
}
.border-color {
border: 2px solid #508A8A;
}