Colour

#7CB1BB

#7CB1BB
Cyan
Dark
Nearest: Cadetblue

#7CB1BB is a cyan with RGB values 124, 177, 187 and HSL 190°, 32%, 61%. It is a dark colour, so black text on it reaches 8.9:1 contrast (AAA for normal text). The nearest named colour is Cadetblue.

Colour values

#7CB1BB#7CB1BB

HEX#7CB1BB

RGBrgb(124, 177, 187)

RGB (0–1)0.4863, 0.6941, 0.7333

RGB percentages48.6%, 69.4%, 73.3%

HSLhsl(189.5, 31.7%, 61%)

HSV / HSBhsv(189.5, 33.7%, 73.3%)

CMYK33.7%, 5.3%, 0%, 26.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,171,963

CSS custom property--colour: #7CB1BB;

Brightness & contrast

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

Perceived brightness164.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.86:1

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

Contrast with black8.86:1WCAG normal text: AAA

Greyscale equivalent#A6A6A6

Inverted#834E44

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#65B6B4no blue cones; rare, and affects men and women equally; ΔE 11.1 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text8.86:1WCAG large text: AAA

Named colours

Cadetblue · ΔE 9.7 Sky blue · ΔE 14.7 Light blue · ΔE 15.4 Light steelblue · ΔE 17.2 Powder blue · ΔE 17.4 Light slate grey · ΔE 18.2

Nearest named CSS colourCadetblue (#5F9EA0)ΔE 9.74, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#BB867C

Analogous#7CBBA5, #7C92BB

Triadic#BB7CB1, #B1BB7C

Split complementary#BB7C91, #BBA57C

Tetradic#A67CBB, #BB867C, #92BB7C

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#E1EDEF

Lighter +20%#BFD9DE

Lighter +10%#9EC5CC

Darker −10%#5A9DAA

Darker −20%#477F8A

Darker −30%#366068

Darker −40%#254146

More saturated +25%#63C2D4

Less saturated −25%#95A0A2

Channel breakdown

R124

G177

B187

Red124 (48.6%)

Green177 (69.4%)

Blue187 (73.3%)

Hue189.52°

Saturation (HSL)31.66%

Lightness60.98%

Dominant channelBlue

Hex per channelR 7C · G B1 · B BB

Keep nerding

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

#7CB1BB

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