Nerdulator> put something in

Recognised as Colour

#9699A8

  • #9699A8
  • Blue
  • Dark
  • Nearest: Light slate grey

#9699A8 is a blue with RGB values 150, 153, 168 and HSL 230°, 9%, 62%. It is a dark colour, so black text on it reaches 7.4:1 contrast (AAA for normal text). The nearest named colour is Light slate grey.

Colour values

#9699A8#9699A8
HEX#9699A8
RGBrgb(150, 153, 168)
RGB (0–1)0.5882, 0.6, 0.6588
RGB percentages58.8%, 60%, 65.9%
HSLhsl(230, 9.4%, 62.4%)
HSV / HSBhsv(230, 10.7%, 65.9%)
CMYK10.7%, 8.9%, 0%, 34.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer9,869,736
CSS custom property--colour: #9699A8;

Brightness & contrast

Relative luminance0.32094WCAG 2.x, 0 is black and 1 is white
Perceived brightness153.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 7.42:1
Contrast with white2.83:1WCAG normal text: Fail
Contrast with black7.42:1WCAG normal text: AAA
Greyscale equivalent#999999
Inverted#696657

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#959AA9no red cones; affects about 1% of men; ΔE 0.8 from the original
Deuteranopia#9499A8no green cones; the most common form, about 1% of men; ΔE 0.7 from the original
Tritanopia#929C9Eno blue cones; rare, and affects men and women equally; ΔE 7.8 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.83:1WCAG large text: Fail
Contrast with black, large text7.42:1WCAG large text: AAA

Named colours

Light slate grey · ΔE 9.1Dark grey · ΔE 10.2Slate grey · ΔE 11.6Gray · ΔE 13Silver · ΔE 16.6Light steelblue · ΔE 16.9
Nearest named CSS colourLight slate grey (#778899)ΔE 9.09, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#A8A596
Analogous#96A2A8, #9C96A8
Triadic#A89699, #99A896
Split complementary#A89C96, #A2A896
Tetradic#A896A2, #A8A596, #96A89C

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#EAEAED
Lighter +20%#CECFD6
Lighter +10%#B2B4BF
Darker −10%#7A7E91
Darker −20%#626576
Darker −30%#4B4D5A
Darker −40%#34353E
More saturated +25%#7E89C0
Less saturated −25%#9F9F9F

Channel breakdown

R150
G153
B168
Red150 (58.8%)
Green153 (60%)
Blue168 (65.9%)
Hue230°
Saturation (HSL)9.37%
Lightness62.35%
Dominant channelBlue
Hex per channelR 96 · G 99 · B A8

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