Nerdulator> put something in

Recognised as Colour

#97BCB0

  • #97BCB0
  • Cyan
  • Dark
  • Nearest: Dark grey

#97BCB0 is a cyan with RGB values 151, 188, 176 and HSL 161°, 22%, 66%. It is a dark colour, so black text on it reaches 10.1:1 contrast (AAA for normal text). The nearest named colour is Dark grey.

Colour values

#97BCB0#97BCB0
HEX#97BCB0
RGBrgb(151, 188, 176)
RGB (0–1)0.5922, 0.7373, 0.6902
RGB percentages59.2%, 73.7%, 69%
HSLhsl(160.5, 21.6%, 66.5%)
HSV / HSBhsv(160.5, 19.7%, 73.7%)
CMYK19.7%, 0%, 6.4%, 26.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer9,944,240
CSS custom property--colour: #97BCB0;

Brightness & contrast

Relative luminance0.4568WCAG 2.x, 0 is black and 1 is white
Perceived brightness176.3 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 10.14:1
Contrast with white2.07:1WCAG normal text: Fail
Contrast with black10.14:1WCAG normal text: AAA
Greyscale equivalent#B3B3B3
Inverted#68434F

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#B9B7AFno red cones; affects about 1% of men; ΔE 14.4 from the original
Deuteranopia#B2B2B1no green cones; the most common form, about 1% of men; ΔE 14.8 from the original
Tritanopia#8EBDB8no blue cones; rare, and affects men and women equally; ΔE 4.8 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.07:1WCAG large text: Fail
Contrast with black, large text10.14:1WCAG large text: AAA

Named colours

Dark grey · ΔE 15.5Silver · ΔE 15.6Cadetblue · ΔE 16.1Powder blue · ΔE 16.2Light blue · ΔE 17.5Dark seagreen · ΔE 18.4
Nearest named CSS colourDark grey (#A9A9A9)ΔE 15.55, a distinctly different colour
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#BC97A3
Analogous#97BC9E, #97B6BC
Triadic#B097BC, #BCB097
Split complementary#BC97B6, #BC9E97
Tetradic#9E97BC, #BC97A3, #B6BC97

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#F4F8F7
Lighter +20%#D5E4DF
Lighter +10%#B6D0C8
Darker −10%#78A898
Darker −20%#5D9080
Darker −30%#497164
Darker −40%#355249
More saturated +25%#82D1B8
Less saturated −25%#AAAAAA

Channel breakdown

R151
G188
B176
Red151 (59.2%)
Green188 (73.7%)
Blue176 (69%)
Hue160.54°
Saturation (HSL)21.64%
Lightness66.47%
Dominant channelGreen
Hex per channelR 97 · G BC · B B0

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “97bcb0” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.