Colour

#FFDFBB

#FFDFBB
Orange
Light
Nearest: Peach puff

#FFDFBB is a orange with RGB values 255, 223, 187 and HSL 32°, 100%, 87%. It is a light colour, so black text on it reaches 16.5:1 contrast (AAA for normal text). The nearest named colour is Peach puff.

Colour values

#FFDFBB#FFDFBB

HEX#FFDFBB

RGBrgb(255, 223, 187)

RGB (0–1)1, 0.8745, 0.7333

RGB percentages100%, 87.5%, 73.3%

HSLhsl(31.8, 100%, 86.7%)

HSV / HSBhsv(31.8, 26.7%, 100%)

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

24-bit integer16,768,955

CSS custom property--colour: #FFDFBB;

Brightness & contrast

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

Perceived brightness229.4 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 16.52:1

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

Contrast with black16.52:1WCAG normal text: AAA

Greyscale equivalent#E3E3E3

Inverted#002044

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text16.52:1WCAG large text: AAA

Named colours

Peach puff · ΔE 2.7 Bisque · ΔE 3.3 Wheat · ΔE 5 Moccasin · ΔE 5.8 Navajo white · ΔE 6.7 Blanched almond · ΔE 6.8

Nearest named CSS colourPeach puff (#FFDAB9)ΔE 2.72, a close match

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#BBDBFF

Analogous#FFBDBB, #FDFFBB

Triadic#BBFFDF, #DFBBFF

Split complementary#BBFDFF, #BDBBFF

Tetradic#BBFFBD, #BBDBFF, #FFBBFD

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#FFF7EE

Darker −10%#FFC788

Darker −20%#FFAF55

Darker −30%#FF9722

Darker −40%#EE7E00

More saturated +25%#FFDFBB

Less saturated −25%#F7DEC3

Channel breakdown

R255

G223

B187

Red255 (100%)

Green223 (87.5%)

Blue187 (73.3%)

Hue31.76°

Saturation (HSL)100%

Lightness86.67%

Dominant channelRed

Hex per channelR FF · G DF · B BB

Keep nerding

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

#FFDFBB

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