ColorTool
Log in
#BD5D17

#bd5d17 ≈ Burnt Orange

  • brown
  • Lightness: medium
  • Saturation: strong
  • Warm
Check contrast Explore in graph Random color

#bd5d17 is a color from the brown family, with medium lightness and strong saturation. In the RGB model it is made of 74.12% red, 36.47% green and 9.02% blue; printed in CMYK it uses 0% cyan, 50.79% magenta, 87.83% yellow and 25.88% black. Its hue angle is 25.3°, with 78.3% saturation and 41.57% 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 brand accents. Black text on this color reaches a contrast ratio of 4.74:1 (WCAG AA). The closest named color is Burnt Orange (#cc5500), ΔE 3.63.

Description generated from the measured properties of this color.

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

Complementary

  1. #bd5d17
  2. #1777bd

Split complementary

  1. #bd5d17
  2. #17bdb0
  3. #1724bd

Analogous

  1. #bd1724
  2. #bd5d17
  3. #bdb017

Triadic

  1. #bd5d17
  2. #17bd5d
  3. #5d17bd

Tetradic

  1. #bd5d17
  2. #77bd17
  3. #1777bd
  4. #5d17bd

Square

  1. #bd5d17
  2. #24bd17
  3. #1777bd
  4. #b017bd

Monochromatic

  1. #351a06
  2. #793b0f
  3. #bd5d17
  4. #e7833a
  5. #efae7e

Shades

#bd5d17 mixed progressively with black.

  1. #bd5d17
  2. #aa5415
  3. #974a12
  4. #844110
  5. #71380e
  6. #5f2f0c
  7. #4c2509
  8. #391c07
  9. #261305
  10. #130902
  11. #000000

Tints

#bd5d17 mixed progressively with white.

  1. #bd5d17
  2. #c46d2e
  3. #ca7d45
  4. #d18e5d
  5. #d79e74
  6. #deae8b
  7. #e5bea2
  8. #ebceb9
  9. #f2dfd1
  10. #f8efe8
  11. #ffffff

Tones

#bd5d17 mixed progressively with gray.

  1. #bd5d17
  2. #b76122
  3. #b1642c
  4. #ab6837
  5. #a56b41
  6. #9f6f4c
  7. #987256
  8. #927661
  9. #8c796b
  10. #867d76
  11. #808080

Readable text 4.43:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 4.74:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #787878 ≈ 0.003% of males
Achromatomaly #986e5f ≈ 0.001% of males
Protanopia #796a06 ≈ 1.01% of males
Deuteranopia #908014 ≈ 1.27% of males
Tritanopia #d04750 ≈ 0.0001% of males
Protanomaly #99650e ≈ 1.08% of males
Deuteranomaly #a47415 ≈ 4.63% of males
Tritanomaly #c95140 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-bd5d17 {
  color: #bd5d17;
}
Background
.bg-bd5d17 {
  background-color: #bd5d17;
  color: #000000;
}
Border
.border-bd5d17 {
  border: 2px solid #bd5d17;
}
CSS variables
:root {
  --color-primary: #bd5d17;
  --color-primary-rgb: 189 93 23;
  --color-primary-hsl: 25 78% 42%;
}
Gradient
.gradient-bd5d17 {
  background: linear-gradient(135deg, #bd5d17, #bdb017);
}
Colored shadow
.shadow-bd5d17 {
  box-shadow: 0 8px 24px rgb(189 93 23 / 0.35);
}

#cc5500 Burnt Orange ΔE 3.63 #d2691e Chocolate ΔE 5.59 #b06500 Ginger ΔE 7.10 #b87333 Copper ΔE 7.50 #c04000 Mahogany ΔE 8.02 #cb410b Sinopia ΔE 8.54 #b7410e Rust ΔE 8.84 #42a2e8 Inverted #787878 Grayscale 

Burnt Orange
#bd5d17  rgb(189, 93, 23)  hsl(25, 78%, 42%)  Burnt Orange
#1777bd  rgb(23, 119, 189)  hsl(205, 78%, 42%)  French Blue
#17bd5d  rgb(23, 189, 93)  hsl(145, 78%, 42%)  Emerald
#5d17bd  rgb(93, 23, 189)  hsl(265, 78%, 42%)  Medium Blue