Colour

#670F22

#670F22
Red
Dark
Nearest: Brown

#670F22 is a red with RGB values 103, 15, 34 and HSL 347°, 75%, 23%. It is a dark colour, so white text on it reaches 12.6:1 contrast (AAA for normal text). The nearest named colour is Brown.

Colour values

#670F22#670F22

HEX#670F22

RGBrgb(103, 15, 34)

RGB (0–1)0.4039, 0.0588, 0.1333

RGB percentages40.4%, 5.9%, 13.3%

HSLhsl(347, 74.6%, 23.1%)

HSV / HSBhsv(347, 85.4%, 40.4%)

CMYK0%, 85.4%, 67%, 59.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,754,082

CSS custom property--colour: #670F22;

Brightness & contrast

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

Perceived brightness58.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 12.59:1

Contrast with white12.59:1WCAG normal text: AAA

Contrast with black1.67:1WCAG normal text: Fail

Greyscale equivalent#232323

Inverted#98F0DD

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#3F3A20no green cones; the most common form, about 1% of men; ΔE 41.2 from the original

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

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

Contrast with white, large text12.59:1WCAG large text: AAA

Contrast with black, large text1.67:1WCAG large text: Fail

Named colours

Brown · ΔE 26.2 Maroon · ΔE 27 Dark red · ΔE 31.5 Sienna · ΔE 33.1 Indian red · ΔE 33.8 Saddle brown · ΔE 34.4

Nearest named CSS colourBrown (#A52A2A)ΔE 26.23, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#0F6754

Analogous#670F4E, #67280F

Triadic#22670F, #0F2267

Split complementary#0F6728, #0F4E67

Tetradic#4E670F, #0F6754, #280F67

Tints, shades & saturation

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

Lighter +40%#E75B79

Lighter +30%#E12E55

Lighter +20%#C01C3F

Lighter +10%#941531

Darker −10%#3A0913

Darker −20%#0E0205

Darker −30%#000000

Darker −40%#000000

More saturated +25%#76001A

Less saturated −25%#581E2A

Channel breakdown

R103

G15

B34

Red103 (40.4%)

Green15 (5.9%)

Blue34 (13.3%)

Hue347.05°

Saturation (HSL)74.58%

Lightness23.14%

Dominant channelRed

Hex per channelR 67 · G 0F · B 22

Keep nerding

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

#670F22

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