ColorTool
Log in
#861237

#861237 ≈ Claret

  • rose
  • Lightness: low
  • Saturation: moderate
  • Warm
Check contrast Explore in graph Random color

#861237 is a color from the rose family, with low lightness and moderate saturation. In the RGB model it is made of 52.55% red, 7.06% green and 21.57% blue; printed in CMYK it uses 0% cyan, 86.57% magenta, 58.96% yellow and 47.45% black. Its hue angle is 340.86°, with 76.32% saturation and 29.8% lightness in HSL. It is a warm color, 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 9.74:1 (WCAG AAA). The closest named color is Claret (#7f1734), ΔE 1.49.

Description generated from the measured properties of this color.

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

Complementary

  1. #861237
  2. #128661

Split complementary

  1. #861237
  2. #128627
  3. #127186

Analogous

  1. #861271
  2. #861237
  3. #862712

Triadic

  1. #861237
  2. #378612
  3. #123786

Tetradic

  1. #861237
  2. #866112
  3. #128661
  4. #123786

Square

  1. #861237
  2. #718612
  3. #128661
  4. #271286

Monochromatic

  1. #120207
  2. #43091b
  3. #861237
  4. #c91b53
  5. #e74a7c

Shades

#861237 mixed progressively with black.

  1. #861237
  2. #791032
  3. #6b0e2c
  4. #5e0d27
  5. #500b21
  6. #43091c
  7. #360716
  8. #280511
  9. #1b040b
  10. #0d0206
  11. #000000

Tints

#861237 mixed progressively with white.

  1. #861237
  2. #922a4b
  3. #9e415f
  4. #aa5973
  5. #b67187
  6. #c3899b
  7. #cfa0af
  8. #dbb8c3
  9. #e7d0d7
  10. #f3e7eb
  11. #ffffff

Tones

#861237 mixed progressively with gray.

  1. #861237
  2. #851d3e
  3. #852846
  4. #84334d
  5. #843e54
  6. #83495c
  7. #825463
  8. #825f6a
  9. #816a71
  10. #817579
  11. #808080

Readable text 9.74:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Readable text 2.16:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsia #444444 ≈ 0.003% of males
Achromatomaly #65363f ≈ 0.001% of males
Protanopia #343538 ≈ 1.01% of males
Deuteranopia #524c34 ≈ 1.27% of males
Tritanopia #930023 ≈ 0.0001% of males
Protanomaly #602b37 ≈ 1.08% of males
Deuteranomaly #6b3d35 ≈ 4.63% of males
Tritanomaly #8e002c ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-861237 {
  color: #861237;
}
Background
.bg-861237 {
  background-color: #861237;
  color: #ffffff;
}
Border
.border-861237 {
  border: 2px solid #861237;
}
CSS variables
:root {
  --color-primary: #861237;
  --color-primary-rgb: 134 18 55;
  --color-primary-hsl: 341 76% 30%;
}
Gradient
.gradient-861237 {
  background: linear-gradient(135deg, #861237, #862712);
}
Colored shadow
.shadow-861237 {
  box-shadow: 0 8px 24px rgb(134 18 55 / 0.35);
}

#7f1734 Claret ΔE 1.49 #800020 Burgundy ΔE 6.54 #722f37 Wine ΔE 6.74 #9f1d35 Vivid Burgundy ΔE 7.21 #78184a Pansy Purple ΔE 8.31 #893f45 Cordovan ΔE 8.88 #a50b5e Jazzberry Jam ΔE 9.95 #79edc8 Inverted #444444 Grayscale 

Claret
#861237  rgb(134, 18, 55)  hsl(341, 76%, 30%)  Claret
#128661  rgb(18, 134, 97)  hsl(161, 76%, 30%)  Sea Green
#378612  rgb(55, 134, 18)  hsl(101, 76%, 30%)  India Green
#123786  rgb(18, 55, 134)  hsl(221, 76%, 30%)  Smalt