Nerdulator> put something in

Colour

#BCC1CE

  • #BCC1CE
  • Blue
  • Light
  • Nearest: Silver

#BCC1CE is a blue with RGB values 188, 193, 206 and HSL 223°, 16%, 77%. It is a light colour, so black text on it reaches 11.7:1 contrast (AAA for normal text). The nearest named colour is Silver.

Colour values

#BCC1CE#BCC1CE
HEX#BCC1CE
RGBrgb(188, 193, 206)
RGB (0–1)0.7373, 0.7569, 0.8078
RGB percentages73.7%, 75.7%, 80.8%
HSLhsl(223.3, 15.5%, 77.3%)
HSV / HSBhsv(223.3, 8.7%, 80.8%)
CMYK8.7%, 6.3%, 0%, 19.2%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,370,382
CSS custom property--colour: #BCC1CE;

Brightness & contrast

Relative luminance0.53288WCAG 2.x, 0 is black and 1 is white
Perceived brightness193.1 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 11.66:1
Contrast with white1.8:1WCAG normal text: Fail
Contrast with black11.66:1WCAG normal text: AAA
Greyscale equivalent#C1C1C1
Inverted#433E31

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#BDC2CFno red cones; affects about 1% of men; ΔE 0.4 from the original
Deuteranopia#BCC0CEno green cones; the most common form, about 1% of men; ΔE 0.7 from the original
Tritanopia#B8C3C5no blue cones; rare, and affects men and women equally; ΔE 6.4 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.8:1WCAG large text: Fail
Contrast with black, large text11.66:1WCAG large text: AAA

Named colours

Silver · ΔE 7.2Light steelblue · ΔE 8.4Light grey · ΔE 9.7Dark grey · ΔE 11.3Gainsboro · ΔE 12.1Thistle · ΔE 12.8
Nearest named CSS colourSilver (#C0C0C0)ΔE 7.15, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#CEC9BC
Analogous#BCCACE, #C0BCCE
Triadic#CEBCC1, #C1CEBC
Split complementary#CEC0BC, #CACEBC
Tetradic#CEBCCA, #CEC9BC, #BCCEC0

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#F7F8F9
Lighter +10%#D9DCE4
Darker −10%#9FA6B8
Darker −20%#818AA3
Darker −30%#66708B
Darker −40%#50586E
More saturated +25%#AEBBDD
Less saturated −25%#C5C5C5

Channel breakdown

R188
G193
B206
Red188 (73.7%)
Green193 (75.7%)
Blue206 (80.8%)
Hue223.33°
Saturation (HSL)15.52%
Lightness77.25%
Dominant channelBlue
Hex per channelR BC · G C1 · B CE

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