Nerdulator> put something in

Recognised as Colour

#24031C

  • #24031C
  • Magenta
  • Dark
  • Nearest: Black

#24031C is a magenta with RGB values 36, 3, 28 and HSL 315°, 85%, 8%. It is a dark colour, so white text on it reaches 19:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#24031C#24031C
HEX#24031C
RGBrgb(36, 3, 28)
RGB (0–1)0.1412, 0.0118, 0.1098
RGB percentages14.1%, 1.2%, 11%
HSLhsl(314.5, 84.6%, 7.6%)
HSV / HSBhsv(314.5, 91.7%, 14.1%)
CMYK0%, 91.7%, 22.2%, 85.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,360,092
CSS custom property--colour: #24031C;

Brightness & contrast

Relative luminance0.00524WCAG 2.x, 0 is black and 1 is white
Perceived brightness22 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 19.01:1
Contrast with white19.01:1WCAG normal text: AAA
Contrast with black1.1:1WCAG normal text: Fail
Greyscale equivalent#0C0C0C
Inverted#DBFCE3

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#040D1Dno red cones; affects about 1% of men; ΔE 18 from the original
Deuteranopia#0F121Bno green cones; the most common form, about 1% of men; ΔE 18 from the original
Tritanopia#27040Eno blue cones; rare, and affects men and women equally; ΔE 10 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text19.01:1WCAG large text: AAA
Contrast with black, large text1.1:1WCAG large text: Fail

Named colours

Black · ΔE 21.3Dark slate grey · ΔE 40.9Dark slateblue · ΔE 43.4Midnight blue · ΔE 44.8Dim grey · ΔE 44.8Slate grey · ΔE 52.6
Nearest named CSS colourBlack (#000000)ΔE 21.26, a distinctly different colour
Hue familymagenta
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#03240B
Analogous#1B0324, #24030C
Triadic#1C2403, #031C24
Split complementary#0B2403, #03241B
Tetradic#241C03, #03240B, #030C24

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#E013AE
Lighter +30%#B10F8A
Lighter +20%#820B65
Lighter +10%#530741
Darker −10%#000000
Darker −20%#000000
Darker −30%#000000
Darker −40%#000000
More saturated +25%#27001E
Less saturated −25%#1F0819

Channel breakdown

R36
G3
B28
Red36 (14.1%)
Green3 (1.2%)
Blue28 (11%)
Hue314.55°
Saturation (HSL)84.62%
Lightness7.65%
Dominant channelRed
Hex per channelR 24 · G 03 · B 1C

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “24031c” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.