ColorTool
Log in
#310F23

#310f23 ≈ Tyrian Purple

  • rose
  • Lightness: very low
  • Saturation: muted
  • Balanced
Check contrast Explore in graph Random color

#310f23 is a color from the rose family, with very low lightness and muted saturation. In the RGB model it is made of 19.22% red, 5.88% green and 13.73% blue; printed in CMYK it uses 0% cyan, 69.39% magenta, 28.57% yellow and 80.78% black. Its hue angle is 324.71°, with 53.13% saturation and 12.55% lightness in HSL. It sits between warm and cool, and is often associated with romance, playfulness and affection. Designers typically use it for food and restaurant brands, sales and promotions and luxury branding. White text on this color reaches a contrast ratio of 17.17:1 (WCAG AAA). The closest named color is Tyrian Purple (#66023c), ΔE 12.27.

Description generated from the measured properties of this color.

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

Complementary

  1. #310f23
  2. #0f311d

Split complementary

  1. #310f23
  2. #12310f
  3. #0f312e

Analogous

  1. #2e0f31
  2. #310f23
  3. #310f12

Triadic

  1. #310f23
  2. #23310f
  3. #0f2331

Tetradic

  1. #310f23
  2. #311d0f
  3. #0f311d
  4. #0f2331

Square

  1. #310f23
  2. #312e0f
  3. #0f311d
  4. #0f1231

Monochromatic

  1. #10050b
  2. #10050b
  3. #310f23
  4. #6c214d
  5. #a63377

Shades

#310f23 mixed progressively with black.

  1. #310f23
  2. #2c0e20
  3. #270c1c
  4. #220b19
  5. #1d0915
  6. #190812
  7. #14060e
  8. #0f050b
  9. #0a0307
  10. #050204
  11. #000000

Tints

#310f23 mixed progressively with white.

  1. #310f23
  2. #462739
  3. #5a3f4f
  4. #6f5765
  5. #836f7b
  6. #988791
  7. #ad9fa7
  8. #c1b7bd
  9. #d6cfd3
  10. #eae7e9
  11. #ffffff

Tones

#310f23 mixed progressively with gray.

  1. #310f23
  2. #391a2c
  3. #412636
  4. #49313f
  5. #513c48
  6. #594852
  7. #60535b
  8. #685e64
  9. #70696d
  10. #787577
  11. #808080

Readable text 17.17:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Readable text 1.22:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsia #1b1b1b ≈ 0.003% of males
Achromatomaly #26171f ≈ 0.001% of males
Protanopia #121824 ≈ 1.01% of males
Deuteranopia #1c1d22 ≈ 1.27% of males
Tritanopia #350e17 ≈ 0.0001% of males
Protanomaly #221523 ≈ 1.08% of males
Deuteranomaly #261922 ≈ 4.63% of males
Tritanomaly #330f1c ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-310f23 {
  color: #310f23;
}
Background
.bg-310f23 {
  background-color: #310f23;
  color: #ffffff;
}
Border
.border-310f23 {
  border: 2px solid #310f23;
}
CSS variables
:root {
  --color-primary: #310f23;
  --color-primary-rgb: 49 15 35;
  --color-primary-hsl: 325 53% 13%;
}
Gradient
.gradient-310f23 {
  background: linear-gradient(135deg, #310f23, #310f12);
}
Colored shadow
.shadow-310f23 {
  box-shadow: 0 8px 24px rgb(49 15 35 / 0.35);
}

#66023c Tyrian Purple ΔE 12.27 #1a1110 Licorice ΔE 14.33 #614051 Eggplant ΔE 15.04 #78184a Pansy Purple ΔE 15.53 #592720 Caput Mortuum ΔE 16.28 #702963 Byzantium ΔE 16.58 #722f37 Wine ΔE 17.00 #cef0dc Inverted #1b1b1b Grayscale 

Tyrian Purple
#310f23  rgb(49, 15, 35)  hsl(325, 53%, 13%)  Tyrian Purple
#0f311d  rgb(15, 49, 29)  hsl(145, 53%, 13%)  Phthalo Green
#23310f  rgb(35, 49, 15)  hsl(85, 53%, 13%)  Phthalo Green
#0f2331  rgb(15, 35, 49)  hsl(205, 53%, 13%)  Gunmetal