Nerdulator> put something in

Recognised as Colour

#57B8BF

  • #57B8BF
  • Cyan
  • Dark
  • Nearest: Cadetblue

#57B8BF is a cyan with RGB values 87, 184, 191 and HSL 184°, 45%, 55%. It is a dark colour, so black text on it reaches 9:1 contrast (AAA for normal text). The nearest named colour is Cadetblue.

Colour values

#57B8BF#57B8BF
HEX#57B8BF
RGBrgb(87, 184, 191)
RGB (0–1)0.3412, 0.7216, 0.749
RGB percentages34.1%, 72.2%, 74.9%
HSLhsl(184, 44.8%, 54.5%)
HSV / HSBhsv(184, 54.5%, 74.9%)
CMYK54.5%, 3.7%, 0%, 25.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer5,748,927
CSS custom property--colour: #57B8BF;

Brightness & contrast

Relative luminance0.40069WCAG 2.x, 0 is black and 1 is white
Perceived brightness162.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 9.01:1
Contrast with white2.33:1WCAG normal text: Fail
Contrast with black9.01:1WCAG normal text: AAA
Greyscale equivalent#A4A4A4
Inverted#A84740

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#ACB1C0no red cones; affects about 1% of men; ΔE 28.1 from the original
Deuteranopia#9BA4C0no green cones; the most common form, about 1% of men; ΔE 29.4 from the original
Tritanopia#00BEBAno blue cones; rare, and affects men and women equally; ΔE 13.7 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.33:1WCAG large text: Fail
Contrast with black, large text9.01:1WCAG large text: AAA

Named colours

Cadetblue · ΔE 11.8Light seagreen · ΔE 13.1Medium turquoise · ΔE 13.8Dark turquoise · ΔE 14.9Sky blue · ΔE 17.6Dark cyan · ΔE 18.1
Nearest named CSS colourCadetblue (#5F9EA0)ΔE 11.76, a distinctly different colour
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#BF5E57
Analogous#57BF92, #5784BF
Triadic#BF57B8, #B8BF57
Split complementary#BF5784, #BF9257
Tetradic#9257BF, #BF5E57, #84BF57

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#EBF6F7
Lighter +30%#C6E7E9
Lighter +20%#A1D7DB
Lighter +10%#7CC8CD
Darker −10%#3F9EA4
Darker −20%#317A7F
Darker −30%#22575B
Darker −40%#143336
More saturated +25%#3AD1DC
Less saturated −25%#749FA2

Channel breakdown

R87
G184
B191
Red87 (34.1%)
Green184 (72.2%)
Blue191 (74.9%)
Hue184.04°
Saturation (HSL)44.83%
Lightness54.51%
Dominant channelBlue
Hex per channelR 57 · G B8 · B BF

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