Recognised as Colour

#60BABF

#60BABF
Cyan
Dark
Nearest: Cadetblue

#60BABF is a cyan with RGB values 96, 186, 191 and HSL 183°, 43%, 56%. It is a dark colour, so black text on it reaches 9.3:1 contrast (AAA for normal text). The nearest named colour is Cadetblue.

Colour values

#60BABF#60BABF

HEX#60BABF

RGBrgb(96, 186, 191)

RGB (0–1)0.3765, 0.7294, 0.749

RGB percentages37.6%, 72.9%, 74.9%

HSLhsl(183.2, 42.6%, 56.3%)

HSV / HSBhsv(183.2, 49.7%, 74.9%)

CMYK49.7%, 2.6%, 0%, 25.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,339,263

CSS custom property--colour: #60BABF;

Brightness & contrast

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

Perceived brightness165 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 9.27:1

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

Contrast with black9.27:1WCAG normal text: AAA

Greyscale equivalent#A7A7A7

Inverted#9F4540

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#9FA7C0no green cones; the most common form, about 1% of men; ΔE 28.1 from the original

Tritanopia#22C0BBno blue cones; rare, and affects men and women equally; ΔE 13.5 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text9.27:1WCAG large text: AAA

Named colours

Cadetblue · ΔE 11.5 Light seagreen · ΔE 13.6 Medium turquoise · ΔE 13.7 Dark turquoise · ΔE 15.6 Sky blue · ΔE 17.3 Dark cyan · ΔE 19

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#BF6560

Analogous#60BF94, #608BBF

Triadic#BF60BA, #BABF60

Split complementary#BF608B, #BF9460

Tetradic#9460BF, #BF6560, #8BBF60

Tints, shades & saturation

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

Lighter +40%#F1F9FA

Lighter +30%#CDE9EB

Lighter +20%#A9DADC

Lighter +10%#84CACE

Darker −10%#44A3A8

Darker −20%#358084

Darker −30%#265D60

Darker −40%#18393B

More saturated +25%#44D3DB

Less saturated −25%#7CA1A3

Channel breakdown

R96

G186

B191

Red96 (37.6%)

Green186 (72.9%)

Blue191 (74.9%)

Hue183.16°

Saturation (HSL)42.6%

Lightness56.27%

Dominant channelBlue

Hex per channelR 60 · G BA · B BF

Keep nerding

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

#60BABF

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