Colour

#DFDBDD

#DFDBDD
Near-white
Light
Nearest: Gainsboro

#DFDBDD is a near-white with RGB values 223, 219, 221 and HSL 330°, 6%, 87%. It is a light colour, so black text on it reaches 15.3:1 contrast (AAA for normal text). The nearest named colour is Gainsboro.

Colour values

#DFDBDD#DFDBDD

HEX#DFDBDD

RGBrgb(223, 219, 221)

RGB (0–1)0.8745, 0.8588, 0.8667

RGB percentages87.5%, 85.9%, 86.7%

HSLhsl(330, 5.9%, 86.7%)

HSV / HSBhsv(330, 1.8%, 87.5%)

CMYK0%, 1.8%, 0.9%, 12.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,670,813

CSS custom property--colour: #DFDBDD;

Brightness & contrast

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

Perceived brightness220.4 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#202422

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#E0DBDCno blue cones; rare, and affects men and women equally; ΔE 0.6 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

Gainsboro · ΔE 1.8 Light grey · ΔE 3.7 White smoke · ΔE 9 Lavender blush · ΔE 9.3 Linen · ΔE 10 Misty rose · ΔE 10.1

Nearest named CSS colourGainsboro (#DCDCDC)ΔE 1.79, below the just-noticeable difference

Hue familynear-white

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#DBDFDD

Analogous#DFDBDF, #DFDBDB

Triadic#DDDFDB, #DBDDDF

Split complementary#DBDFDB, #DBDFDF

Tetradic#DFDFDB, #DBDFDD, #DBDBDF

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#F7F6F7

Darker −10%#C7C0C4

Darker −20%#AFA5AA

Darker −30%#978A91

Darker −40%#7E7077

More saturated +25%#E8D3DD

Less saturated −25%#DDDDDD

Channel breakdown

R223

G219

B221

Red223 (87.5%)

Green219 (85.9%)

Blue221 (86.7%)

Hue330°

Saturation (HSL)5.88%

Lightness86.67%

Dominant channelRed

Hex per channelR DF · G DB · B DD

Keep nerding

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

#DFDBDD

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