Recognised as Colour

#ED6D2A

#ED6D2A
Orange
Dark
Nearest: Chocolate

#ED6D2A is a orange with RGB values 237, 109, 42 and HSL 21°, 84%, 55%. It is a dark colour, so black text on it reaches 6.8:1 contrast (AA for normal text). The nearest named colour is Chocolate.

Colour values

#ED6D2A#ED6D2A

HEX#ED6D2A

RGBrgb(237, 109, 42)

RGB (0–1)0.9294, 0.4275, 0.1647

RGB percentages92.9%, 42.7%, 16.5%

HSLhsl(20.6, 84.4%, 54.7%)

HSV / HSBhsv(20.6, 82.3%, 92.9%)

CMYK0%, 54%, 82.3%, 7.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,559,978

CSS custom property--colour: #ED6D2A;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.82:1

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

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

Greyscale equivalent#838383

Inverted#1292D5

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#91811Fno red cones; affects about 1% of men; ΔE 51.5 from the original

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

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

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

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

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

Named colours

Chocolate · ΔE 10.1 Coral · ΔE 12.2 Tomato · ΔE 16.7 Dark orange · ΔE 21.5 Orange red · ΔE 24.8 Peru · ΔE 26.4

Nearest named CSS colourChocolate (#D2691E)ΔE 10.12, a distinctly different colour

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#2AAAED

Analogous#ED2A49, #EDCF2A

Triadic#2AED6D, #6D2AED

Split complementary#2AEDCF, #2A48ED

Tetradic#48ED2A, #2AAAED, #CE2AED

Tints, shades & saturation

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

Lighter +40%#FDEEE6

Lighter +30%#F9CEB7

Lighter +20%#F5AD88

Lighter +10%#F18D59

Darker −10%#D25412

Darker −20%#A3410E

Darker −30%#742E0A

Darker −40%#451C06

More saturated +25%#FF6718

Less saturated −25%#D07647

Channel breakdown

R237

G109

B42

Red237 (92.9%)

Green109 (42.7%)

Blue42 (16.5%)

Hue20.62°

Saturation (HSL)84.42%

Lightness54.71%

Dominant channelRed

Hex per channelR ED · G 6D · B 2A

Keep nerding

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

#ED6D2A

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