Recognised as Colour

#EC381A

#EC381A
Red
Dark
Nearest: Orange red

#EC381A is a red with RGB values 236, 56, 26 and HSL 9°, 85%, 51%. It is a dark colour, so black text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Orange red.

Colour values

#EC381A#EC381A

HEX#EC381A

RGBrgb(236, 56, 26)

RGB (0–1)0.9255, 0.2196, 0.102

RGB percentages92.5%, 22%, 10.2%

HSLhsl(8.6, 84.7%, 51.4%)

HSV / HSBhsv(8.6, 89%, 92.5%)

CMYK0%, 76.3%, 89%, 7.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,480,858

CSS custom property--colour: #EC381A;

Brightness & contrast

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

Perceived brightness136.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.15:1

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

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

Greyscale equivalent#5C5C5C

Inverted#13C7E5

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#9E8C06no green cones; the most common form, about 1% of men; ΔE 72.2 from the original

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

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

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

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

Named colours

Orange red · ΔE 12.6 Red · ΔE 16.8 Tomato · ΔE 17 Crimson · ΔE 24.9 Firebrick · ΔE 26.2 Coral · ΔE 27.5

Nearest named CSS colourOrange red (#FF4500)ΔE 12.55, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#1ACEEC

Analogous#EC1A65, #ECA11A

Triadic#1AEC38, #381AEC

Split complementary#1AECA1, #1A65EC

Tetradic#65EC1A, #1ACEEC, #A11AEC

Tints, shades & saturation

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

Lighter +40%#FCDCD6

Lighter +30%#F8B3A7

Lighter +20%#F48A78

Lighter +10%#F06149

Darker −10%#C32A10

Darker −20%#94200C

Darker −30%#651608

Darker −40%#360B04

More saturated +25%#FF2A07

Less saturated −25%#CD4E39

Channel breakdown

R236

G56

B26

Red236 (92.5%)

Green56 (22%)

Blue26 (10.2%)

Hue8.57°

Saturation (HSL)84.68%

Lightness51.37%

Dominant channelRed

Hex per channelR EC · G 38 · B 1A

Keep nerding

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

#EC381A

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