Recognised as Colour

#DD742D

#DD742D
Orange
Dark
Nearest: Chocolate

#DD742D is a orange with RGB values 221, 116, 45 and HSL 24°, 72%, 52%. It is a dark colour, so black text on it reaches 6.6:1 contrast (AA for normal text). The nearest named colour is Chocolate.

Colour values

#DD742D#DD742D

HEX#DD742D

RGBrgb(221, 116, 45)

RGB (0–1)0.8667, 0.4549, 0.1765

RGB percentages86.7%, 45.5%, 17.6%

HSLhsl(24.2, 72.1%, 52.2%)

HSV / HSBhsv(24.2, 79.6%, 86.7%)

CMYK0%, 47.5%, 79.6%, 13.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,513,197

CSS custom property--colour: #DD742D;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.61:1

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

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

Greyscale equivalent#858585

Inverted#228BD2

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

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

Named colours

Chocolate · ΔE 4.4 Coral · ΔE 13.9 Peru · ΔE 16.5 Sandy brown · ΔE 20.9 Dark orange · ΔE 22.7 Tomato · ΔE 23.3

Nearest named CSS colourChocolate (#D2691E)ΔE 4.42, a close match

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#2D96DD

Analogous#DD2D3E, #DDCC2D

Triadic#2DDD74, #742DDD

Split complementary#2DDDCC, #2D3EDD

Tetradic#3EDD2D, #2D96DD, #CC2DDD

Tints, shades & saturation

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

Lighter +40%#F9E8DD

Lighter +30%#F2CBB1

Lighter +20%#EBAE85

Lighter +10%#E49159

Darker −10%#B95D1E

Darker −20%#8D4717

Darker −30%#613110

Darker −40%#351B09

More saturated +25%#FC6E0F

Less saturated −25%#BF7A4C

Channel breakdown

R221

G116

B45

Red221 (86.7%)

Green116 (45.5%)

Blue45 (17.6%)

Hue24.2°

Saturation (HSL)72.13%

Lightness52.16%

Dominant channelRed

Hex per channelR DD · G 74 · B 2D

Keep nerding

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

#DD742D

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