ColorTool
Log in
#2A221F

#2a221f ≈ Licorice

  • gray
  • Lightness: very low
  • Saturation: muted
  • Neutral
Check contrast Explore in graph Random color

#2a221f is a color from the gray family, with very low lightness and muted saturation. In the RGB model it is made of 16.47% red, 13.33% green and 12.16% blue; printed in CMYK it uses 0% cyan, 19.05% magenta, 26.19% yellow and 83.53% black. Its hue angle is 16.36°, with 15.07% saturation and 14.31% lightness in HSL. It is a neutral color, often associated with neutrality, balance and professionalism. Designers typically use it for body text and typography and corporate identities. White text on this color reaches a contrast ratio of 15.59:1 (WCAG AAA). The closest named color is Licorice (#1a1110), ΔE 5.33.

Description generated from the measured properties of this color.

HEX
RGB
RGB percent
CMY
CMYK
HSL
HSV / HSB
Web safe#333333
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binary
Decimal
Relative luminance0.0174

Complementary

  1. #2a221f
  2. #1f272a

Split complementary

  1. #2a221f
  2. #1f2a27
  3. #1f212a

Analogous

  1. #2a1f21
  2. #2a221f
  3. #2a271f

Triadic

  1. #2a221f
  2. #1f2a22
  3. #221f2a

Tetradic

  1. #2a221f
  2. #272a1f
  3. #1f272a
  4. #221f2a

Square

  1. #2a221f
  2. #212a1f
  3. #1f272a
  4. #271f2a

Monochromatic

  1. #0c0a09
  2. #0c0a09
  3. #2a221f
  4. #56463f
  5. #826960

Shades

#2a221f mixed progressively with black.

  1. #2a221f
  2. #261f1c
  3. #221b19
  4. #1d1816
  5. #191413
  6. #151110
  7. #110e0c
  8. #0d0a09
  9. #080706
  10. #040303
  11. #000000

Tints

#2a221f mixed progressively with white.

  1. #2a221f
  2. #3f3835
  3. #554e4c
  4. #6a6462
  5. #7f7a79
  6. #95918f
  7. #aaa7a5
  8. #bfbdbc
  9. #d4d3d2
  10. #eae9e9
  11. #ffffff

Tones

#2a221f mixed progressively with gray.

  1. #2a221f
  2. #332b29
  3. #3b3532
  4. #443e3c
  5. #4c4846
  6. #555150
  7. #5e5a59
  8. #666463
  9. #6f6d6d
  10. #777776
  11. #808080

Readable text 15.59:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Readable text 1.35:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsia #242424 ≈ 0.003% of males
Achromatomaly #262322 ≈ 0.001% of males
Protanopia #24231f ≈ 1.01% of males
Deuteranopia #26241f ≈ 1.27% of males
Tritanopia #2c2121 ≈ 0.0001% of males
Protanomaly #26221f ≈ 1.08% of males
Deuteranomaly #27231f ≈ 4.63% of males
Tritanomaly #2b2120 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-2a221f {
  color: #2a221f;
}
Background
.bg-2a221f {
  background-color: #2a221f;
  color: #ffffff;
}
Border
.border-2a221f {
  border: 2px solid #2a221f;
}
CSS variables
:root {
  --color-primary: #2a221f;
  --color-primary-rgb: 42 34 31;
  --color-primary-hsl: 16 15% 14%;
}
Gradient
.gradient-2a221f {
  background: linear-gradient(135deg, #2a221f, #2a271f);
}
Colored shadow
.shadow-2a221f {
  box-shadow: 0 8px 24px rgb(42 34 31 / 0.35);
}

#1a1110 Licorice ΔE 5.33 #3d2b1f Bistre ΔE 7.24 #343434 Jet ΔE 7.35 #100c08 Smoky Black ΔE 7.35 #483c32 Taupe ΔE 9.31 #353839 Onyx ΔE 9.50 #000000 Black ΔE 10.01 #d5dde0 Inverted #242424 Grayscale 

Licorice
#2a221f  rgb(42, 34, 31)  hsl(16, 15%, 14%)  Licorice
#1f272a  rgb(31, 39, 42)  hsl(196, 15%, 14%)  Gunmetal
#1f2a22  rgb(31, 42, 34)  hsl(136, 15%, 14%)  Black Olive
#221f2a  rgb(34, 31, 42)  hsl(256, 15%, 14%)  Licorice