Colour

#663B0F

#663B0F
Orange
Dark
Nearest: Saddle brown

#663B0F is a orange with RGB values 102, 59, 15 and HSL 30°, 74%, 23%. It is a dark colour, so white text on it reaches 9.6:1 contrast (AAA for normal text). The nearest named colour is Saddle brown.

Colour values

#663B0F#663B0F

HEX#663B0F

RGBrgb(102, 59, 15)

RGB (0–1)0.4, 0.2314, 0.0588

RGB percentages40%, 23.1%, 5.9%

HSLhsl(30.3, 74.4%, 22.9%)

HSV / HSBhsv(30.3, 85.3%, 40%)

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

24-bit integer6,699,791

CSS custom property--colour: #663B0F;

Brightness & contrast

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

Perceived brightness72 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 9.56:1

Contrast with white9.56:1WCAG normal text: AAA

Contrast with black2.2:1WCAG normal text: Fail

Greyscale equivalent#414141

Inverted#99C4F0

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#483F08no red cones; affects about 1% of men; ΔE 18.3 from the original

Deuteranopia#52490Fno green cones; the most common form, about 1% of men; ΔE 18.8 from the original

Tritanopia#703132no blue cones; rare, and affects men and women equally; ΔE 24.1 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text9.56:1WCAG large text: AAA

Contrast with black, large text2.2:1WCAG large text: Fail

Named colours

Saddle brown · ΔE 15.8 Sienna · ΔE 20.3 Maroon · ΔE 33.3 Brown · ΔE 35.5 Peru · ΔE 36 Dark olivegreen · ΔE 36.5

Nearest named CSS colourSaddle brown (#8B4513)ΔE 15.77, a distinctly different colour

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#0F3A66

Analogous#66100F, #66660F

Triadic#0F663B, #3B0F66

Split complementary#0F6666, #0F0F66

Tetradic#0F660F, #0F3A66, #660F65

Tints, shades & saturation

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

Lighter +40%#E7A15A

Lighter +30%#E0882E

Lighter +20%#BF6E1C

Lighter +10%#925516

Darker −10%#3A2108

Darker −20%#0D0802

Darker −30%#000000

Darker −40%#000000

More saturated +25%#753B00

Less saturated −25%#573B1E

Channel breakdown

R102

G59

B15

Red102 (40%)

Green59 (23.1%)

Blue15 (5.9%)

Hue30.34°

Saturation (HSL)74.36%

Lightness22.94%

Dominant channelRed

Hex per channelR 66 · G 3B · B 0F

Keep nerding

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

#663B0F

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