HEX Color #50AFB6 (Cadetblue)

About #50AFB6

At its core, #50AFB6 is a medium and moderate hue. If you're using CSS, you might find it aligns closely with Cadetblue. To achieve this exact tint on a monitor, you would use an RGB mix of 80, 175, and 182.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 56% cyan and 4% magenta inks. The HSL representation is 184.1° hue, 41.1% saturation, and 51.4% lightness.

Ensuring your text is legible against this background is a key part of web design. Because it is a medium color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#50AFB6

RGB80, 175, 182

HSL184.1°, 41.1%, 51.4%

CMYK56%, 4%, 0%, 29%

HSV184.1°, 56.0%, 71.4%

LAB66.3, -25.8, -12.1

XYZ27.1, 35.7, 49.7

Decimal5287862

Color Harmonies

Complementary

#50AFB6 #B6564F

Analogous

#4FB689 #4F7CB6

Triadic

#B64FAF #AFB64F

Tetradic

#8A4FB6 #B6564F #7BB64F

Tints, Shades & Tones

Tints (Adding White)

#50AFB6

#63B7BE

#76C0C6

#8AC9CE

#9DD2D6

#B1DBDE

#C4E4E6

#D8EDEE

#EBF6F6

#FFFFFF

Shades (Adding Black)

#50AFB6

#479BA1

#3E888D

#357479

#2C6165

#234D50

#1A3A3C

#112628

#081314

#000000

WCAG Contrast Accessibility

2.58:1

Text on #FFFFFF

FAIL

8.15:1

Text on #000000

AAA

2.46:1

Text on #F8FAFC

FAIL

6.93:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #50AFB6; }

.text-color { color: #50AFB6; }

.border-color { border: 2px solid #50AFB6; }

Similar Colors

Cadetblue

#5F9EA0