Colour

#640B2D

#640B2D
Red
Dark
Nearest: Brown

#640B2D is a red with RGB values 100, 11, 45 and HSL 337°, 80%, 22%. It is a dark colour, so white text on it reaches 12.9:1 contrast (AAA for normal text). The nearest named colour is Brown.

Colour values

#640B2D#640B2D

HEX#640B2D

RGBrgb(100, 11, 45)

RGB (0–1)0.3922, 0.0431, 0.1765

RGB percentages39.2%, 4.3%, 17.6%

HSLhsl(337.1, 80.2%, 21.8%)

HSV / HSBhsv(337.1, 89%, 39.2%)

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

24-bit integer6,556,461

CSS custom property--colour: #640B2D;

Brightness & contrast

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

Perceived brightness57.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 12.9:1

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

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

Greyscale equivalent#202020

Inverted#9BF4D2

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#24262Eno red cones; affects about 1% of men; ΔE 40 from the original

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

Tritanopia#6E001Bno blue cones; rare, and affects men and women equally; ΔE 15 from the original

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

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

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

Named colours

Brown · ΔE 32.9 Maroon · ΔE 35.2 Indian red · ΔE 37.7 Dark red · ΔE 39.5 Sienna · ΔE 40.4 Pale violetred · ΔE 40.6

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

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#0B6442

Analogous#640B5A, #64160B

Triadic#2D640B, #0B2D64

Split complementary#0B6416, #0B5A64

Tetradic#5A640B, #0B6442, #150B64

Tints, shades & saturation

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

Lighter +40%#EC4F8B

Lighter +30%#E7216D

Lighter +20%#C01556

Lighter +10%#921042

Darker −10%#360618

Darker −20%#080104

Darker −30%#000000

Darker −40%#000000

More saturated +25%#6F002A

Less saturated −25%#561930

Channel breakdown

R100

G11

B45

Red100 (39.2%)

Green11 (4.3%)

Blue45 (17.6%)

Hue337.08°

Saturation (HSL)80.18%

Lightness21.76%

Dominant channelRed

Hex per channelR 64 · G 0B · B 2D

Keep nerding

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

#640B2D

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