Colour

#CFDCFD

#CFDCFD
Blue
Light
Nearest: Lavender

#CFDCFD is a blue with RGB values 207, 220, 253 and HSL 223°, 92%, 90%. It is a light colour, so black text on it reaches 15.3:1 contrast (AAA for normal text). The nearest named colour is Lavender.

Colour values

#CFDCFD#CFDCFD

HEX#CFDCFD

RGBrgb(207, 220, 253)

RGB (0–1)0.8118, 0.8627, 0.9922

RGB percentages81.2%, 86.3%, 99.2%

HSLhsl(223, 92%, 90.2%)

HSV / HSBhsv(223, 18.2%, 99.2%)

CMYK18.2%, 13%, 0%, 0.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,622,525

CSS custom property--colour: #CFDCFD;

Brightness & contrast

Relative luminance0.71544WCAG 2.x, 0 is black and 1 is white

Perceived brightness220.3 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 15.31:1

Contrast with white1.37:1WCAG normal text: Fail

Contrast with black15.31:1WCAG normal text: AAA

Greyscale equivalent#DCDCDC

Inverted#302302

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#D2DEFFno red cones; affects about 1% of men; ΔE 0.8 from the original

Deuteranopia#CFDAFCno green cones; the most common form, about 1% of men; ΔE 1 from the original

Tritanopia#C4E2E7no blue cones; rare, and affects men and women equally; ΔE 16.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text1.37:1WCAG large text: Fail

Contrast with black, large text15.31:1WCAG large text: AAA

Named colours

Lavender · ΔE 9 Light steelblue · ΔE 10.2 Light blue · ΔE 15 Thistle · ΔE 15.7 Alice blue · ΔE 16.7 Ghost white · ΔE 17.4

Nearest named CSS colourLavender (#E6E6FA)ΔE 8.96, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#FDF0CF

Analogous#CFF3FD, #D9CFFD

Triadic#FDCFDC, #DCFDCF

Split complementary#FDD9CF, #F3FDCF

Tetradic#FDCFF3, #FDF0CF, #CFFDD9

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#FFFFFF

Darker −10%#9EB8FB

Darker −20%#6D95F9

Darker −30%#3C71F7

Darker −40%#0B4DF5

More saturated +25%#CDDBFF

Less saturated −25%#D5DFF7

Channel breakdown

R207

G220

B253

Red207 (81.2%)

Green220 (86.3%)

Blue253 (99.2%)

Hue223.04°

Saturation (HSL)92%

Lightness90.2%

Dominant channelBlue

Hex per channelR CF · G DC · B FD

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#CFDCFD

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else