Nerdulator> put something in

Colour

#D3D8FB

  • #D3D8FB
  • Blue
  • Light
  • Nearest: Lavender

#D3D8FB is a blue with RGB values 211, 216, 251 and HSL 232°, 83%, 91%. It is a light colour, so black text on it reaches 15:1 contrast (AAA for normal text). The nearest named colour is Lavender.

Colour values

#D3D8FB#D3D8FB
HEX#D3D8FB
RGBrgb(211, 216, 251)
RGB (0–1)0.8275, 0.8471, 0.9843
RGB percentages82.7%, 84.7%, 98.4%
HSLhsl(232.5, 83.3%, 90.6%)
HSV / HSBhsv(232.5, 15.9%, 98.4%)
CMYK15.9%, 13.9%, 0%, 1.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer13,883,643
CSS custom property--colour: #D3D8FB;

Brightness & contrast

Relative luminance0.69926WCAG 2.x, 0 is black and 1 is white
Perceived brightness218.8 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 14.99:1
Contrast with white1.4:1WCAG normal text: Fail
Contrast with black14.99:1WCAG normal text: AAA
Greyscale equivalent#D9D9D9
Inverted#2C2704

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#CFDBFDno red cones; affects about 1% of men; ΔE 2.5 from the original
Deuteranopia#CDD8FAno green cones; the most common form, about 1% of men; ΔE 2.1 from the original
Tritanopia#CADEE3no blue cones; rare, and affects men and women equally; ΔE 16.9 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.4:1WCAG large text: Fail
Contrast with black, large text14.99:1WCAG large text: AAA

Named colours

Lavender · ΔE 9.4Light steelblue · ΔE 11Thistle · ΔE 13.5Light blue · ΔE 17.5Alice blue · ΔE 18Ghost white · ΔE 18.3
Nearest named CSS colourLavender (#E6E6FA)ΔE 9.44, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#FBF6D3
Analogous#D3ECFB, #E2D3FB
Triadic#FBD3D8, #D8FBD3
Split complementary#FBE2D3, #ECFBD3
Tetradic#FBD3EC, #FBF6D3, #D3FBE2

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%#A4AFF7
Darker −20%#7685F2
Darker −30%#475CEE
Darker −40%#1832EA
More saturated +25%#CFD5FF
Less saturated −25%#D9DCF5

Channel breakdown

R211
G216
B251
Red211 (82.7%)
Green216 (84.7%)
Blue251 (98.4%)
Hue232.5°
Saturation (HSL)83.33%
Lightness90.59%
Dominant channelBlue
Hex per channelR D3 · G D8 · B FB

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