Nerdulator> put something in

Recognised as Colour

#87B9AF

  • #87B9AF
  • Cyan
  • Dark
  • Nearest: Cadetblue

#87B9AF is a cyan with RGB values 135, 185, 175 and HSL 168°, 26%, 63%. It is a dark colour, so black text on it reaches 9.6:1 contrast (AAA for normal text). The nearest named colour is Cadetblue.

Colour values

#87B9AF#87B9AF
HEX#87B9AF
RGBrgb(135, 185, 175)
RGB (0–1)0.5294, 0.7255, 0.6863
RGB percentages52.9%, 72.5%, 68.6%
HSLhsl(168, 26.3%, 62.7%)
HSV / HSBhsv(168, 27%, 72.5%)
CMYK27%, 0%, 5.4%, 27.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer8,894,895
CSS custom property--colour: #87B9AF;

Brightness & contrast

Relative luminance0.42944WCAG 2.x, 0 is black and 1 is white
Perceived brightness170.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 9.59:1
Contrast with white2.19:1WCAG normal text: Fail
Contrast with black9.59:1WCAG normal text: AAA
Greyscale equivalent#AEAEAE
Inverted#784650

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#B5B3AFno red cones; affects about 1% of men; ΔE 18.8 from the original
Deuteranopia#ABACB0no green cones; the most common form, about 1% of men; ΔE 19.1 from the original
Tritanopia#79BBB6no blue cones; rare, and affects men and women equally; ΔE 5.2 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.19:1WCAG large text: Fail
Contrast with black, large text9.59:1WCAG large text: AAA

Named colours

Cadetblue · ΔE 12.6Powder blue · ΔE 17.1Light blue · ΔE 18.3Dark grey · ΔE 18.7Dark seagreen · ΔE 19Pale turquoise · ΔE 19.6
Nearest named CSS colourCadetblue (#5F9EA0)ΔE 12.65, a distinctly different colour
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#B98791
Analogous#87B996, #87AAB9
Triadic#AF87B9, #B9AF87
Split complementary#B987AA, #B99687
Tetradic#9687B9, #B98791, #AAB987

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#E8F1EF
Lighter +20%#C7DFDA
Lighter +10%#A7CCC4
Darker −10%#67A69A
Darker −20%#508A7E
Darker −30%#3E6961
Darker −40%#2B4943
More saturated +25%#6FD1BD
Less saturated −25%#9FA1A1

Channel breakdown

R135
G185
B175
Red135 (52.9%)
Green185 (72.5%)
Blue175 (68.6%)
Hue168°
Saturation (HSL)26.32%
Lightness62.75%
Dominant channelGreen
Hex per channelR 87 · G B9 · B AF

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 “87b9af” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.