Recognised as Colour

#DFB163

#DFB163
Orange
Dark
Nearest: Sandy brown

#DFB163 is a orange with RGB values 223, 177, 99 and HSL 38°, 66%, 63%. It is a dark colour, so black text on it reaches 10.6:1 contrast (AAA for normal text). The nearest named colour is Sandy brown.

Colour values

#DFB163#DFB163

HEX#DFB163

RGBrgb(223, 177, 99)

RGB (0–1)0.8745, 0.6941, 0.3882

RGB percentages87.5%, 69.4%, 38.8%

HSLhsl(37.7, 66%, 63.1%)

HSV / HSBhsv(37.7, 55.6%, 87.5%)

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

24-bit integer14,659,939

CSS custom property--colour: #DFB163;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 10.61:1

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

Contrast with black10.61:1WCAG normal text: AAA

Greyscale equivalent#B5B5B5

Inverted#204E9C

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#F0A49Fno blue cones; rare, and affects men and women equally; ΔE 37.4 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.61:1WCAG large text: AAA

Named colours

Sandy brown · ΔE 15.4 Burlywood · ΔE 16 Dark khaki · ΔE 17.8 Peru · ΔE 19.1 Tan · ΔE 21.6 Khaki · ΔE 22.8

Nearest named CSS colourSandy brown (#F4A460)ΔE 15.37, a distinctly different colour

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6391DF

Analogous#DF7363, #CFDF63

Triadic#63DFB1, #B163DF

Split complementary#63CFDF, #7363DF

Tetradic#63DF73, #6391DF, #DF63CF

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#F9F0E2

Lighter +20%#F0DBB8

Lighter +10%#E8C68D

Darker −10%#D69C39

Darker −20%#B78125

Darker −30%#8C631D

Darker −40%#624514

More saturated +25%#F7B74B

Less saturated −25%#C8AB7A

Channel breakdown

R223

G177

B99

Red223 (87.5%)

Green177 (69.4%)

Blue99 (38.8%)

Hue37.74°

Saturation (HSL)65.96%

Lightness63.14%

Dominant channelRed

Hex per channelR DF · G B1 · B 63

Keep nerding

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

#DFB163

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