Colour

#C45B03

#C45B03
Orange
Dark
Nearest: Chocolate

#C45B03 is a orange with RGB values 196, 91, 3 and HSL 27°, 97%, 39%. It is a dark colour, so black text on it reaches 4.8:1 contrast (AA for normal text). The nearest named colour is Chocolate.

Colour values

#C45B03#C45B03

HEX#C45B03

RGBrgb(196, 91, 3)

RGB (0–1)0.7686, 0.3569, 0.0118

RGB percentages76.9%, 35.7%, 1.2%

HSLhsl(27.4, 97%, 39%)

HSV / HSBhsv(27.4, 98.5%, 76.9%)

CMYK0%, 53.6%, 98.5%, 23.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer12,868,355

CSS custom property--colour: #C45B03;

Brightness & contrast

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

Perceived brightness127.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.84:1

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

Contrast with black4.84:1WCAG normal text: AA

Greyscale equivalent#6B6B6B

Inverted#3BA4FC

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#7A6A00no red cones; affects about 1% of men; ΔE 42.9 from the original

Deuteranopia#938200no green cones; the most common form, about 1% of men; ΔE 43.4 from the original

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

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

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

Contrast with black, large text4.84:1WCAG large text: AAA

Named colours

Chocolate · ΔE 5.8 Coral · ΔE 21.4 Peru · ΔE 23 Dark orange · ΔE 24.6 Saddle brown · ΔE 25.6 Tomato · ΔE 26.1

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

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#036CC4

Analogous#C4030C, #C4BB03

Triadic#03C45B, #5B03C4

Split complementary#03C4BC, #030CC4

Tetradic#0CC403, #036CC4, #BC03C4

Tints, shades & saturation

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

Lighter +40%#FDC596

Lighter +30%#FDA963

Lighter +20%#FC8E31

Lighter +10%#F67204

Darker −10%#924402

Darker −20%#602C01

Darker −30%#2D1501

Darker −40%#000000

More saturated +25%#C75B00

Less saturated −25%#AB5D1C

Channel breakdown

R196

G91

Red196 (76.9%)

Green91 (35.7%)

Blue3 (1.2%)

Hue27.36°

Saturation (HSL)96.98%

Lightness39.02%

Dominant channelRed

Hex per channelR C4 · G 5B · B 03

Keep nerding

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

#C45B03

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