Recognised as Colour

#D96015

#D96015
Orange
Dark
Nearest: Chocolate

#D96015 is a orange with RGB values 217, 96, 21 and HSL 23°, 82%, 47%. It is a dark colour, so black text on it reaches 5.6:1 contrast (AA for normal text). The nearest named colour is Chocolate.

Colour values

#D96015#D96015

HEX#D96015

RGBrgb(217, 96, 21)

RGB (0–1)0.851, 0.3765, 0.0824

RGB percentages85.1%, 37.6%, 8.2%

HSLhsl(23, 82.4%, 46.7%)

HSV / HSBhsv(23, 90.3%, 85.1%)

CMYK0%, 55.8%, 90.3%, 14.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,245,909

CSS custom property--colour: #D96015;

Brightness & contrast

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

Perceived brightness139.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.63:1

Contrast with white3.73:1WCAG normal text: Fail

Contrast with black5.63:1WCAG normal text: AA

Greyscale equivalent#747474

Inverted#269FEA

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#837300no red cones; affects about 1% of men; ΔE 49.2 from the original

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

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

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text3.73:1WCAG large text: AA

Contrast with black, large text5.63:1WCAG large text: AAA

Named colours

Chocolate · ΔE 7.6 Coral · ΔE 17.1 Tomato · ΔE 20.3 Dark orange · ΔE 22.5 Orange red · ΔE 25.6 Peru · ΔE 26.3

Nearest named CSS colourChocolate (#D2691E)ΔE 7.61, clearly different but related

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#158ED9

Analogous#D9152C, #D9C215

Triadic#15D960, #6015D9

Split complementary#15D9C2, #152CD9

Tetradic#2CD915, #158ED9, #C215D9

Tints, shades & saturation

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

Lighter +40%#F9D6C1

Lighter +30%#F5B893

Lighter +20%#F09A64

Lighter +10%#EC7B35

Darker −10%#AB4B10

Darker −20%#7C370C

Darker −30%#4D2208

Darker −40%#1F0E03

More saturated +25%#EE5B00

Less saturated −25%#BB6733

Channel breakdown

R217

G96

B21

Red217 (85.1%)

Green96 (37.6%)

Blue21 (8.2%)

Hue22.96°

Saturation (HSL)82.35%

Lightness46.67%

Dominant channelRed

Hex per channelR D9 · G 60 · B 15

Keep nerding

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

#D96015

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