Nerdulator> put something in

Recognised as Colour

#CCB0CA

  • #CCB0CA
  • Magenta
  • Dark
  • Nearest: Thistle

#CCB0CA is a magenta with RGB values 204, 176, 202 and HSL 304°, 22%, 75%. It is a dark colour, so black text on it reaches 10.6:1 contrast (AAA for normal text). The nearest named colour is Thistle.

Colour values

#CCB0CA#CCB0CA
HEX#CCB0CA
RGBrgb(204, 176, 202)
RGB (0–1)0.8, 0.6902, 0.7922
RGB percentages80%, 69%, 79.2%
HSLhsl(304.3, 21.5%, 74.5%)
HSV / HSBhsv(304.3, 13.7%, 80%)
CMYK0%, 13.7%, 1%, 20%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer13,414,602
CSS custom property--colour: #CCB0CA;

Brightness & contrast

Relative luminance0.48152WCAG 2.x, 0 is black and 1 is white
Perceived brightness187.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 10.63:1
Contrast with white1.98:1WCAG normal text: Fail
Contrast with black10.63:1WCAG normal text: AAA
Greyscale equivalent#B8B8B8
Inverted#334F35

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#AFB6CBno red cones; affects about 1% of men; ΔE 13 from the original
Deuteranopia#B5BAC9no green cones; the most common form, about 1% of men; ΔE 13.5 from the original
Tritanopia#CEB2B9no blue cones; rare, and affects men and women equally; ΔE 10.2 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.98:1WCAG large text: Fail
Contrast with black, large text10.63:1WCAG large text: AAA

Named colours

Thistle · ΔE 5.3Light steelblue · ΔE 17.3Silver · ΔE 17.6Pink · ΔE 18.1Dark grey · ΔE 18.3Rosy brown · ΔE 19.8
Nearest named CSS colourThistle (#D8BFD8)ΔE 5.35, clearly different but related
Hue familymagenta
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#B0CCB2
Analogous#C0B0CC, #CCB0BC
Triadic#CACCB0, #B0CACC
Split complementary#BCCCB0, #B0CCC0
Tetradic#CCC0B0, #B0CCB2, #B0BCCC

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#F4EEF4
Lighter +10%#E0CFDF
Darker −10%#B891B5
Darker −20%#A472A0
Darker −30%#8A5986
Darker −40%#6B4568
More saturated +25%#DCA0D8
Less saturated −25%#BEBEBE

Channel breakdown

R204
G176
B202
Red204 (80%)
Green176 (69%)
Blue202 (79.2%)
Hue304.29°
Saturation (HSL)21.54%
Lightness74.51%
Dominant channelRed
Hex per channelR CC · G B0 · B CA

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