ColorTool
Log in
#BD7D02

#bd7d02 ≈ Dark Goldenrod

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

#bd7d02 is a color from the brown family, with low lightness and strong saturation. In the RGB model it is made of 74.12% red, 49.02% green and 0.78% blue; printed in CMYK it uses 0% cyan, 33.86% magenta, 98.94% yellow and 25.88% black. Its hue angle is 39.47°, with 97.91% saturation and 37.45% 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 call-to-action buttons. Black text on this color reaches a contrast ratio of 6.1:1 (WCAG AA). The closest named color is Dark Goldenrod (#b8860b), ΔE 4.66.

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.2549

Complementary

  1. #bd7d02
  2. #0242bd

Split complementary

  1. #bd7d02
  2. #029fbd
  3. #2002bd

Analogous

  1. #bd2002
  2. #bd7d02
  3. #9fbd02

Triadic

  1. #bd7d02
  2. #02bd7d
  3. #7d02bd

Tetradic

  1. #bd7d02
  2. #42bd02
  3. #0242bd
  4. #7d02bd

Square

  1. #bd7d02
  2. #02bd20
  3. #0242bd
  4. #bd029f

Monochromatic

  1. #261900
  2. #714b01
  3. #bd7d02
  4. #fcab0f
  5. #fdc65b

Shades

#bd7d02 mixed progressively with black.

  1. #bd7d02
  2. #aa7102
  3. #976402
  4. #845801
  5. #714b01
  6. #5f3f01
  7. #4c3201
  8. #392601
  9. #261900
  10. #130d00
  11. #000000

Tints

#bd7d02 mixed progressively with white.

  1. #bd7d02
  2. #c48a1b
  3. #ca9735
  4. #d1a44e
  5. #d7b167
  6. #debe81
  7. #e5cb9a
  8. #ebd8b3
  9. #f2e5cc
  10. #f8f2e6
  11. #ffffff

Tones

#bd7d02 mixed progressively with gray.

  1. #bd7d02
  2. #b77d0f
  3. #b17e1b
  4. #ab7e28
  5. #a57e34
  6. #9f7f41
  7. #987f4e
  8. #927f5a
  9. #8c7f67
  10. #868073
  11. #808080

Readable text 3.44:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 6.1:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #8a8a8a ≈ 0.003% of males
Achromatomaly #a1856d ≈ 0.001% of males
Protanopia #938100 ≈ 1.01% of males
Deuteranopia #a2900b ≈ 1.27% of males
Tritanopia #cf6c6a ≈ 0.0001% of males
Protanomaly #a67f00 ≈ 1.08% of males
Deuteranomaly #ae8907 ≈ 4.63% of males
Tritanomaly #c87353 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-bd7d02 {
  color: #bd7d02;
}
Background
.bg-bd7d02 {
  background-color: #bd7d02;
  color: #000000;
}
Border
.border-bd7d02 {
  border: 2px solid #bd7d02;
}
CSS variables
:root {
  --color-primary: #bd7d02;
  --color-primary-rgb: 189 125 2;
  --color-primary-hsl: 39 98% 37%;
}
Gradient
.gradient-bd7d02 {
  background: linear-gradient(135deg, #bd7d02, #9fbd02);
}
Colored shadow
.shadow-bd7d02 {
  box-shadow: 0 8px 24px rgb(189 125 2 / 0.35);
}

#b8860b Dark Goldenrod ΔE 4.66 #cd7f32 Bronze ΔE 7.43 #cc7722 Ochre ΔE 7.69 #cd853f Peru ΔE 7.99 #b87333 Copper ΔE 8.55 #e48400 Fulvous ΔE 8.79 #b06500 Ginger ΔE 9.12 #4282fd Inverted #8a8a8a Grayscale 

Dark Goldenrod
#bd7d02  rgb(189, 125, 2)  hsl(39, 98%, 37%)  Dark Goldenrod
#0242bd  rgb(2, 66, 189)  hsl(219, 98%, 37%)  Persian Blue
#02bd7d  rgb(2, 189, 125)  hsl(159, 98%, 37%)  Medium Sea Green
#7d02bd  rgb(125, 2, 189)  hsl(279, 98%, 37%)  Dark Violet