Colour

#D3751F

#D3751F
Orange
Dark
Nearest: Chocolate

#D3751F is a orange with RGB values 211, 117, 31 and HSL 29°, 74%, 47%. It is a dark colour, so black text on it reaches 6.3:1 contrast (AA for normal text). The nearest named colour is Chocolate.

Colour values

#D3751F#D3751F

HEX#D3751F

RGBrgb(211, 117, 31)

RGB (0–1)0.8275, 0.4588, 0.1216

RGB percentages82.7%, 45.9%, 12.2%

HSLhsl(28.7, 74.4%, 47.5%)

HSV / HSBhsv(28.7, 85.3%, 82.7%)

CMYK0%, 44.5%, 85.3%, 17.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,858,079

CSS custom property--colour: #D3751F;

Brightness & contrast

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

Perceived brightness146.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.33:1

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

Contrast with black6.33:1WCAG normal text: AA

Greyscale equivalent#838383

Inverted#2C8AE0

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#91800Bno red cones; affects about 1% of men; ΔE 36.5 from the original

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

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

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

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

Contrast with black, large text6.33:1WCAG large text: AAA

Named colours

Chocolate · ΔE 6.7 Peru · ΔE 14.9 Coral · ΔE 20 Dark orange · ΔE 20.8 Sandy brown · ΔE 21 Dark goldenrod · ΔE 21.8

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

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#1F7DD3

Analogous#D31F23, #D3CF1F

Triadic#1FD375, #751FD3

Split complementary#1FD3CF, #1F23D3

Tetradic#23D31F, #1F7DD3, #CF1FD3

Tints, shades & saturation

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

Lighter +40%#F7DEC7

Lighter +30%#F0C49B

Lighter +20%#EAA96E

Lighter +10%#E38F42

Darker −10%#A75C18

Darker −20%#7A4412

Darker −30%#4E2B0B

Darker −40%#211205

More saturated +25%#F17401

Less saturated −25%#B5763D

Channel breakdown

R211

G117

B31

Red211 (82.7%)

Green117 (45.9%)

Blue31 (12.2%)

Hue28.67°

Saturation (HSL)74.38%

Lightness47.45%

Dominant channelRed

Hex per channelR D3 · G 75 · B 1F

Keep nerding

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

#D3751F

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