ColorTool
Log in
#71270C

#71270c ≈ Kobe

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

#71270c is a color from the brown family, with low lightness and moderate saturation. In the RGB model it is made of 44.31% red, 15.29% green and 4.71% blue; printed in CMYK it uses 0% cyan, 65.49% magenta, 89.38% yellow and 55.69% black. Its hue angle is 16.04°, with 80.8% saturation and 24.51% lightness in HSL. It is a warm color, often associated with reliability, warmth and earthiness. Designers typically use it for cafés and coffee brands, rustic and natural styles and luxury branding. White text on this color reaches a contrast ratio of 10.51:1 (WCAG AAA). The closest named color is Kobe (#882d17), ΔE 5.17.

Description generated from the measured properties of this color.

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

Complementary

  1. #71270c
  2. #0c5671

Split complementary

  1. #71270c
  2. #0c715a
  3. #0c2371

Analogous

  1. #710c23
  2. #71270c
  3. #715a0c

Triadic

  1. #71270c
  2. #0c7127
  3. #270c71

Tetradic

  1. #71270c
  2. #56710c
  3. #0c5671
  4. #270c71

Square

  1. #71270c
  2. #23710c
  3. #0c5671
  4. #5a0c71

Monochromatic

  1. #120602
  2. #2c0f05
  3. #71270c
  4. #b63f13
  5. #e95f2d

Shades

#71270c mixed progressively with black.

  1. #71270c
  2. #66230b
  3. #5a1f0a
  4. #4f1b08
  5. #441707
  6. #391406
  7. #2d1005
  8. #220c04
  9. #170802
  10. #0b0401
  11. #000000

Tints

#71270c mixed progressively with white.

  1. #71270c
  2. #7f3d24
  3. #8d523d
  4. #9c6855
  5. #aa7d6d
  6. #b89386
  7. #c6a99e
  8. #d4beb6
  9. #e3d4ce
  10. #f1e9e7
  11. #ffffff

Tones

#71270c mixed progressively with gray.

  1. #71270c
  2. #733018
  3. #743923
  4. #76422f
  5. #774b3a
  6. #795446
  7. #7a5c52
  8. #7c655d
  9. #7d6e69
  10. #7f7774
  11. #808080

Readable text 10.51:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Readable text 2:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsia #3f3f3f ≈ 0.003% of males
Achromatomaly #573732 ≈ 0.001% of males
Protanopia #3c3507 ≈ 1.01% of males
Deuteranopia #4f4508 ≈ 1.27% of males
Tritanopia #7d1322 ≈ 0.0001% of males
Protanomaly #563009 ≈ 1.08% of males
Deuteranomaly #5e3b0a ≈ 4.63% of males
Tritanomaly #781d1b ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-71270c {
  color: #71270c;
}
Background
.bg-71270c {
  background-color: #71270c;
  color: #ffffff;
}
Border
.border-71270c {
  border: 2px solid #71270c;
}
CSS variables
:root {
  --color-primary: #71270c;
  --color-primary-rgb: 113 39 12;
  --color-primary-hsl: 16 81% 25%;
}
Gradient
.gradient-71270c {
  background: linear-gradient(135deg, #71270c, #715a0c);
}
Colored shadow
.shadow-71270c {
  box-shadow: 0 8px 24px rgb(113 39 12 / 0.35);
}

#882d17 Kobe ΔE 5.17 #800000 Maroon ΔE 6.72 #8a3324 Burnt Umber ΔE 7.07 #8b0000 Dark Red ΔE 7.38 #801818 Falu Red ΔE 7.63 #92000a Sangria ΔE 8.68 #592720 Caput Mortuum ΔE 9.18 #8ed8f3 Inverted #3f3f3f Grayscale 

Kobe
#71270c  rgb(113, 39, 12)  hsl(16, 81%, 25%)  Kobe
#0c5671  rgb(12, 86, 113)  hsl(196, 81%, 25%)  Sea Blue
#0c7127  rgb(12, 113, 39)  hsl(136, 81%, 25%)  Pakistan Green
#270c71  rgb(39, 12, 113)  hsl(256, 81%, 25%)  Persian Indigo