Nerdulator> put something in

Recognised as Colour

#3A142E

  • #3A142E
  • Magenta
  • Dark
  • Nearest: Black

#3A142E is a magenta with RGB values 58, 20, 46 and HSL 319°, 49%, 15%. It is a dark colour, so white text on it reaches 15.9:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#3A142E#3A142E
HEX#3A142E
RGBrgb(58, 20, 46)
RGB (0–1)0.2275, 0.0784, 0.1804
RGB percentages22.7%, 7.8%, 18%
HSLhsl(318.9, 48.7%, 15.3%)
HSV / HSBhsv(318.9, 65.5%, 22.7%)
CMYK0%, 65.5%, 20.7%, 77.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,806,254
CSS custom property--colour: #3A142E;

Brightness & contrast

Relative luminance0.01597WCAG 2.x, 0 is black and 1 is white
Perceived brightness38.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 15.92:1
Contrast with white15.92:1WCAG normal text: AAA
Contrast with black1.32:1WCAG normal text: Fail
Greyscale equivalent#1E1E1E
Inverted#C5EBD1

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#161E2Fno red cones; affects about 1% of men; ΔE 20.9 from the original
Deuteranopia#21242Dno green cones; the most common form, about 1% of men; ΔE 21.5 from the original
Tritanopia#3E141Eno blue cones; rare, and affects men and women equally; ΔE 12 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text15.92:1WCAG large text: AAA
Contrast with black, large text1.32:1WCAG large text: Fail

Named colours

Black · ΔE 27.4Dark slateblue · ΔE 38.2Dark slate grey · ΔE 39Dim grey · ΔE 39.4Midnight blue · ΔE 42.3Slate grey · ΔE 46.7
Nearest named CSS colourBlack (#000000)ΔE 27.45, a distinctly different colour
Hue familymagenta
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#143A20
Analogous#33143A, #3A141B
Triadic#2E3A14, #142E3A
Split complementary#1B3A14, #143A33
Tetradic#3A3314, #143A20, #141B3A

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#C555A1
Lighter +30%#AC3B88
Lighter +20%#862E6A
Lighter +10%#60214C
Darker −10%#140710
Darker −20%#000000
Darker −30%#000000
Darker −40%#000000
More saturated +25%#440A32
Less saturated −25%#301E2A

Channel breakdown

R58
G20
B46
Red58 (22.7%)
Green20 (7.8%)
Blue46 (18%)
Hue318.95°
Saturation (HSL)48.72%
Lightness15.29%
Dominant channelRed
Hex per channelR 3A · G 14 · B 2E

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 “3a142e” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.