Colour

#581E3B

#581E3B
Red
Dark
Nearest: Black

#581E3B is a red with RGB values 88, 30, 59 and HSL 330°, 49%, 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 Black.

Colour values

#581E3B#581E3B

HEX#581E3B

RGBrgb(88, 30, 59)

RGB (0–1)0.3451, 0.1176, 0.2314

RGB percentages34.5%, 11.8%, 23.1%

HSLhsl(330, 49.2%, 23.1%)

HSV / HSBhsv(330, 65.9%, 34.5%)

CMYK0%, 65.9%, 33%, 65.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,774,907

CSS custom property--colour: #581E3B;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 12.62:1

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

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

Greyscale equivalent#2C2C2C

Inverted#A7E1C4

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#262D3Cno red cones; affects about 1% of men; ΔE 29.4 from the original

Deuteranopia#36373Ano green cones; the most common form, about 1% of men; ΔE 30 from the original

Tritanopia#5F1B2Ano blue cones; rare, and affects men and women equally; ΔE 12.5 from the original

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

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

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

Named colours

Black · ΔE 37.2 Dim grey · ΔE 38.2 Dark slateblue · ΔE 38.6 Pale violetred · ΔE 42.5 Dark slate grey · ΔE 43 Brown · ΔE 43.6

Nearest named CSS colourBlack (#000000)ΔE 37.16, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#1E583B

Analogous#581E58, #581E1E

Triadic#3B581E, #1E3B58

Split complementary#1E581E, #1E5858

Tetradic#58581E, #1E583B, #1E1E58

Tints, shades & saturation

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

Lighter +40%#CF73A1

Lighter +30%#C24D88

Lighter +20%#A4386E

Lighter +10%#7E2B55

Darker −10%#321122

Darker −20%#0C0408

Darker −30%#000000

Darker −40%#000000

More saturated +25%#670F3B

Less saturated −25%#492D3B

Channel breakdown

R88

G30

B59

Red88 (34.5%)

Green30 (11.8%)

Blue59 (23.1%)

Hue330°

Saturation (HSL)49.15%

Lightness23.14%

Dominant channelRed

Hex per channelR 58 · G 1E · B 3B

Keep nerding

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

#581E3B

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