Nerdulator> put something in

Colour

#9CACD5

  • #9CACD5
  • Blue
  • Dark
  • Nearest: Light steelblue

#9CACD5 is a blue with RGB values 156, 172, 213 and HSL 223°, 40%, 72%. It is a dark colour, so black text on it reaches 9.3:1 contrast (AAA for normal text). The nearest named colour is Light steelblue.

Colour values

#9CACD5#9CACD5
HEX#9CACD5
RGBrgb(156, 172, 213)
RGB (0–1)0.6118, 0.6745, 0.8353
RGB percentages61.2%, 67.5%, 83.5%
HSLhsl(223.2, 40.4%, 72.4%)
HSV / HSBhsv(223.2, 26.8%, 83.5%)
CMYK26.8%, 19.2%, 0%, 16.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer10,267,861
CSS custom property--colour: #9CACD5;

Brightness & contrast

Relative luminance0.41377WCAG 2.x, 0 is black and 1 is white
Perceived brightness172.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 9.28:1
Contrast with white2.26:1WCAG normal text: Fail
Contrast with black9.28:1WCAG normal text: AAA
Greyscale equivalent#ACACAC
Inverted#63532A

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#9FAFD7no red cones; affects about 1% of men; ΔE 1.2 from the original
Deuteranopia#9BAAD4no green cones; the most common form, about 1% of men; ΔE 1 from the original
Tritanopia#8DB4BAno blue cones; rare, and affects men and women equally; ΔE 21.6 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.26:1WCAG large text: Fail
Contrast with black, large text9.28:1WCAG large text: AAA

Named colours

Light steelblue · ΔE 11.9Light skyblue · ΔE 18.1Thistle · ΔE 19.1Light slate grey · ΔE 19.4Sky blue · ΔE 20.4Steel blue · ΔE 21.8
Nearest named CSS colourLight steelblue (#B0C4DE)ΔE 11.92, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#D5C59C
Analogous#9CC9D5, #A99CD5
Triadic#D59CAC, #ACD59C
Split complementary#D5A99C, #C9D59C
Tetradic#D59CC9, #D5C59C, #9CD5A9

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#E4E8F3
Lighter +10%#C0CAE4
Darker −10%#788EC6
Darker −20%#5470B7
Darker −30%#405998
Darker −40%#314474
More saturated +25%#8AA4E7
Less saturated −25%#AEB4C3

Channel breakdown

R156
G172
B213
Red156 (61.2%)
Green172 (67.5%)
Blue213 (83.5%)
Hue223.16°
Saturation (HSL)40.43%
Lightness72.35%
Dominant channelBlue
Hex per channelR 9C · G AC · B D5

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