ColorTool
Log in
#DCB642

#dcb642 ≈ Metallic Gold

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

#dcb642 is a color from the yellow family, with medium lightness and strong saturation. In the RGB model it is made of 86.27% red, 71.37% green and 25.88% blue; printed in CMYK it uses 0% cyan, 17.27% magenta, 70% yellow and 13.73% black. Its hue angle is 45.19°, with 68.75% saturation and 56.08% lightness in HSL. It is a warm color, often associated with optimism, attention and joy. Designers typically use it for highlights and warnings, children's products and brand accents. Black text on this color reaches a contrast ratio of 10.81:1 (WCAG AAA). The closest named color is Metallic Gold (#d4af37), ΔE 1.99.

Description generated from the measured properties of this color.

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

Complementary

  1. #dcb642
  2. #4268dc

Split complementary

  1. #dcb642
  2. #42b5dc
  3. #6942dc

Analogous

  1. #dc6942
  2. #dcb642
  3. #b5dc42

Triadic

  1. #dcb642
  2. #42dcb6
  3. #b642dc

Tetradic

  1. #dcb642
  2. #68dc42
  3. #4268dc
  4. #b642dc

Square

  1. #dcb642
  2. #42dc69
  3. #4268dc
  4. #dc42b5

Monochromatic

  1. #705a15
  2. #b18d21
  3. #dcb642
  4. #e8cf83
  5. #f4e8c3

Shades

#dcb642 mixed progressively with black.

  1. #dcb642
  2. #c6a43b
  3. #b09235
  4. #9a7f2e
  5. #846d28
  6. #6e5b21
  7. #58491a
  8. #423714
  9. #2c240d
  10. #161207
  11. #000000

Tints

#dcb642 mixed progressively with white.

  1. #dcb642
  2. #e0bd55
  3. #e3c568
  4. #e7cc7b
  5. #ead38e
  6. #eedba1
  7. #f1e2b3
  8. #f5e9c6
  9. #f8f0d9
  10. #fcf8ec
  11. #ffffff

Tones

#dcb642 mixed progressively with gray.

  1. #dcb642
  2. #d3b148
  3. #caab4e
  4. #c0a655
  5. #b7a05b
  6. #ae9b61
  7. #a59667
  8. #9c906d
  9. #928b74
  10. #89857a
  11. #808080

Readable text 1.94:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 10.81:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #bababa ≈ 0.003% of males
Achromatomaly #c8b898 ≈ 0.001% of males
Protanopia #cab432 ≈ 1.01% of males
Deuteranopia #d3be48 ≈ 1.27% of males
Tritanopia #eea79e ≈ 0.0001% of males
Protanomaly #d1b539 ≈ 1.08% of males
Deuteranomaly #d7bb46 ≈ 4.63% of males
Tritanomaly #e7ad83 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-dcb642 {
  color: #dcb642;
}
Background
.bg-dcb642 {
  background-color: #dcb642;
  color: #000000;
}
Border
.border-dcb642 {
  border: 2px solid #dcb642;
}
CSS variables
:root {
  --color-primary: #dcb642;
  --color-primary-rgb: 220 182 66;
  --color-primary-hsl: 45 69% 56%;
}
Gradient
.gradient-dcb642 {
  background: linear-gradient(135deg, #dcb642, #b5dc42);
}
Colored shadow
.shadow-dcb642 {
  box-shadow: 0 8px 24px rgb(220 182 66 / 0.35);
}

#d4af37 Metallic Gold ΔE 1.99 #e5b73b Meat Brown ΔE 2.23 #cfb53b Old Gold ΔE 3.61 #f4c430 Saffron ΔE 5.24 #daa520 Goldenrod ΔE 5.64 #c5b358 Vegas Gold ΔE 6.41 #f4ca16 Jonquil ΔE 6.94 #2349bd Inverted #bababa Grayscale 

Metallic Gold
#dcb642  rgb(220, 182, 66)  hsl(45, 69%, 56%)  Metallic Gold
#4268dc  rgb(66, 104, 220)  hsl(225, 69%, 56%)  Royal Blue
#42dcb6  rgb(66, 220, 182)  hsl(165, 69%, 56%)  Medium Aquamarine
#b642dc  rgb(182, 66, 220)  hsl(285, 69%, 56%)  Medium Orchid