Nerdulator> put something in

Recognised as Colour

#688F98

  • #688F98
  • Cyan
  • Dark
  • Nearest: Light slate grey

#688F98 is a cyan with RGB values 104, 143, 152 and HSL 191°, 19%, 50%. It is a dark colour, so black text on it reaches 6:1 contrast (AA for normal text). The nearest named colour is Light slate grey.

Colour values

#688F98#688F98
HEX#688F98
RGBrgb(104, 143, 152)
RGB (0–1)0.4078, 0.5608, 0.5961
RGB percentages40.8%, 56.1%, 59.6%
HSLhsl(191.3, 18.9%, 50.2%)
HSV / HSBhsv(191.3, 31.6%, 59.6%)
CMYK31.6%, 5.9%, 0%, 40.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,852,504
CSS custom property--colour: #688F98;

Brightness & contrast

Relative luminance0.24855WCAG 2.x, 0 is black and 1 is white
Perceived brightness133.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.97:1
Contrast with white3.52:1WCAG normal text: Fail
Contrast with black5.97:1WCAG normal text: AA
Greyscale equivalent#878787
Inverted#977067

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#888C99no red cones; affects about 1% of men; ΔE 12.6 from the original
Deuteranopia#808698no green cones; the most common form, about 1% of men; ΔE 12.9 from the original
Tritanopia#589392no blue cones; rare, and affects men and women equally; ΔE 9 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text3.52:1WCAG large text: AA
Contrast with black, large text5.97:1WCAG large text: AAA

Named colours

Light slate grey · ΔE 9.2Cadetblue · ΔE 9.7Slate grey · ΔE 10Gray · ΔE 14.8Dark grey · ΔE 18.9Dim grey · ΔE 19.1
Nearest named CSS colourLight slate grey (#778899)ΔE 9.18, clearly different but related
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#987168
Analogous#689889, #687798
Triadic#98688F, #8F9868
Split complementary#986877, #988968
Tetradic#896898, #987168, #779868

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#E1E9EB
Lighter +30%#C3D2D6
Lighter +20%#A5BCC1
Lighter +10%#86A5AD
Darker −10%#53737A
Darker −20%#3E565C
Darker −30%#2A3A3D
Darker −40%#151D1F
More saturated +25%#48A3B8
Less saturated −25%#808080

Channel breakdown

R104
G143
B152
Red104 (40.8%)
Green143 (56.1%)
Blue152 (59.6%)
Hue191.25°
Saturation (HSL)18.9%
Lightness50.2%
Dominant channelBlue
Hex per channelR 68 · G 8F · B 98

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