Nerdulator> put something in

Colour

#C4CCE5

  • #C4CCE5
  • Blue
  • Light
  • Nearest: Light steelblue

#C4CCE5 is a blue with RGB values 196, 204, 229 and HSL 225°, 39%, 83%. It is a light colour, so black text on it reaches 13.1:1 contrast (AAA for normal text). The nearest named colour is Light steelblue.

Colour values

#C4CCE5#C4CCE5
HEX#C4CCE5
RGBrgb(196, 204, 229)
RGB (0–1)0.7686, 0.8, 0.898
RGB percentages76.9%, 80%, 89.8%
HSLhsl(225.5, 38.8%, 83.3%)
HSV / HSBhsv(225.5, 14.4%, 89.8%)
CMYK14.4%, 10.9%, 0%, 10.2%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,897,509
CSS custom property--colour: #C4CCE5;

Brightness & contrast

Relative luminance0.60579WCAG 2.x, 0 is black and 1 is white
Perceived brightness204.7 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 13.12:1
Contrast with white1.6:1WCAG normal text: Fail
Contrast with black13.12:1WCAG normal text: AAA
Greyscale equivalent#CCCCCC
Inverted#3B331A

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#C5CEE6no red cones; affects about 1% of men; ΔE 0.9 from the original
Deuteranopia#C3CBE4no green cones; the most common form, about 1% of men; ΔE 0.4 from the original
Tritanopia#BDD1D4no blue cones; rare, and affects men and women equally; ΔE 12.6 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.6:1WCAG large text: Fail
Contrast with black, large text13.12:1WCAG large text: AAA

Named colours

Light steelblue · ΔE 5.5Lavender · ΔE 10.4Thistle · ΔE 11.9Light blue · ΔE 13.4Light grey · ΔE 13.7Silver · ΔE 14.2
Nearest named CSS colourLight steelblue (#B0C4DE)ΔE 5.47, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#E5DDC4
Analogous#C4DDE5, #CDC4E5
Triadic#E5C4CC, #CCE5C4
Split complementary#E5CDC4, #DDE5C4
Tetradic#E5C4DC, #E5DDC4, #C4E5CD

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FFFFFF
Lighter +10%#E7EBF5
Darker −10%#A1ADD5
Darker −20%#7D8FC6
Darker −30%#5A70B6
Darker −40%#445899
More saturated +25%#B9C7F0
Less saturated −25%#CFD1DA

Channel breakdown

R196
G204
B229
Red196 (76.9%)
Green204 (80%)
Blue229 (89.8%)
Hue225.45°
Saturation (HSL)38.82%
Lightness83.33%
Dominant channelBlue
Hex per channelR C4 · G CC · B E5

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