ColorTool
Log in
#D59C42

#d59c42 ≈ Indian Yellow

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

#d59c42 is a color from the orange family, with medium lightness and strong saturation. In the RGB model it is made of 83.53% red, 61.18% green and 25.88% blue; printed in CMYK it uses 0% cyan, 26.76% magenta, 69.01% yellow and 16.47% black. Its hue angle is 36.73°, with 63.64% saturation and 54.71% lightness in HSL. It is a warm color, often associated with enthusiasm, warmth and creativity. Designers typically use it for call-to-action buttons, food and restaurant brands and brand accents. Black text on this color reaches a contrast ratio of 8.66:1 (WCAG AAA). The closest named color is Indian Yellow (#e3a857), ΔE 3.95.

Description generated from the measured properties of this color.

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

Complementary

  1. #d59c42
  2. #427bd5

Split complementary

  1. #d59c42
  2. #42c5d5
  3. #5342d5

Analogous

  1. #d55342
  2. #d59c42
  3. #c5d542

Triadic

  1. #d59c42
  2. #42d59c
  3. #9c42d5

Tetradic

  1. #d59c42
  2. #7bd542
  3. #427bd5
  4. #9c42d5

Square

  1. #d59c42
  2. #42d553
  3. #427bd5
  4. #d542c5

Monochromatic

  1. #674817
  2. #a67425
  3. #d59c42
  4. #e3bd81
  5. #f1debf

Shades

#d59c42 mixed progressively with black.

  1. #d59c42
  2. #c08c3b
  3. #aa7d35
  4. #956d2e
  5. #805e28
  6. #6b4e21
  7. #553e1a
  8. #402f14
  9. #2b1f0d
  10. #151007
  11. #000000

Tints

#d59c42 mixed progressively with white.

  1. #d59c42
  2. #d9a655
  3. #ddb068
  4. #e2ba7b
  5. #e6c48e
  6. #eacea1
  7. #eed7b3
  8. #f2e1c6
  9. #f7ebd9
  10. #fbf5ec
  11. #ffffff

Tones

#d59c42 mixed progressively with gray.

  1. #d59c42
  2. #cd9948
  3. #c4964e
  4. #bc9455
  5. #b3915b
  6. #ab8e61
  7. #a28b67
  8. #9a886d
  9. #918674
  10. #89837a
  11. #808080

Readable text 2.42:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 8.66:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #a6a6a6 ≈ 0.003% of males
Achromatomaly #bba289 ≈ 0.001% of males
Protanopia #b19e37 ≈ 1.01% of males
Deuteranopia #bfac45 ≈ 1.27% of males
Tritanopia #e78d89 ≈ 0.0001% of males
Protanomaly #c19d3c ≈ 1.08% of males
Deuteranomaly #c8a644 ≈ 4.63% of males
Tritanomaly #e09373 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-d59c42 {
  color: #d59c42;
}
Background
.bg-d59c42 {
  background-color: #d59c42;
  color: #000000;
}
Border
.border-d59c42 {
  border: 2px solid #d59c42;
}
CSS variables
:root {
  --color-primary: #d59c42;
  --color-primary-rgb: 213 156 66;
  --color-primary-hsl: 37 64% 55%;
}
Gradient
.gradient-d59c42 {
  background: linear-gradient(135deg, #d59c42, #c5d542);
}
Colored shadow
.shadow-d59c42 {
  box-shadow: 0 8px 24px rgb(213 156 66 / 0.35);
}

#e3a857 Indian Yellow ΔE 3.95 #e49b0f Gamboge ΔE 4.95 #eaa221 Marigold ΔE 5.20 #daa520 Goldenrod ΔE 5.96 #ed9121 Carrot Orange ΔE 7.80 #e5aa70 Fawn ΔE 7.91 #ffae42 Yellow Orange ΔE 8.18 #2a63bd Inverted #a6a6a6 Grayscale 

Indian Yellow
#d59c42  rgb(213, 156, 66)  hsl(37, 64%, 55%)  Indian Yellow
#427bd5  rgb(66, 123, 213)  hsl(217, 64%, 55%)  Tufts Blue
#42d59c  rgb(66, 213, 156)  hsl(157, 64%, 55%)  Caribbean Green
#9c42d5  rgb(156, 66, 213)  hsl(277, 64%, 55%)  Dark Orchid