Colour

#5FA998

#5FA998
Cyan
Dark
Nearest: Cadetblue

#5FA998 is a cyan with RGB values 95, 169, 152 and HSL 166°, 30%, 52%. It is a dark colour, so black text on it reaches 7.6:1 contrast (AAA for normal text). The nearest named colour is Cadetblue.

Colour values

#5FA998#5FA998

HEX#5FA998

RGBrgb(95, 169, 152)

RGB (0–1)0.3725, 0.6627, 0.5961

RGB percentages37.3%, 66.3%, 59.6%

HSLhsl(166.2, 30.1%, 51.8%)

HSV / HSBhsv(166.2, 43.8%, 66.3%)

CMYK43.8%, 0%, 10.1%, 33.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,269,336

CSS custom property--colour: #5FA998;

Brightness & contrast

Relative luminance0.33076WCAG 2.x, 0 is black and 1 is white

Perceived brightness148.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.62:1

Contrast with white2.76:1WCAG normal text: Fail

Contrast with black7.62:1WCAG normal text: AAA

Greyscale equivalent#989898

Inverted#A05667

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#A4A197no red cones; affects about 1% of men; ΔE 26.9 from the original

Deuteranopia#989899no green cones; the most common form, about 1% of men; ΔE 27.6 from the original

Tritanopia#44ABA4no blue cones; rare, and affects men and women equally; ΔE 7.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.76:1WCAG large text: Fail

Contrast with black, large text7.62:1WCAG large text: AAA

Named colours

Cadetblue · ΔE 12.2 Light seagreen · ΔE 13.1 Dark cyan · ΔE 16.4 Medium aquamarine · ΔE 17.3 Dark seagreen · ΔE 18.6 Teal · ΔE 18.9

Nearest named CSS colourCadetblue (#5F9EA0)ΔE 12.16, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#A95F70

Analogous#5FA973, #5F95A9

Triadic#985FA9, #A9985F

Split complementary#A95F95, #A9735F

Tetradic#735FA9, #A95F70, #95A95F

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#E4F0ED

Lighter +30%#C3DED8

Lighter +20%#A1CDC3

Lighter +10%#80BBAD

Darker −10%#4A8B7C

Darker −20%#39695E

Darker −30%#274841

Darker −40%#152723

More saturated +25%#40C8A9

Less saturated −25%#7E8A87

Channel breakdown

R95

G169

B152

Red95 (37.3%)

Green169 (66.3%)

Blue152 (59.6%)

Hue166.22°

Saturation (HSL)30.08%

Lightness51.76%

Dominant channelGreen

Hex per channelR 5F · G A9 · B 98

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#5FA998

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else