ColorTool
Log in
#B58729

#b58729 ≈ Dark Goldenrod

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

#b58729 is a color from the yellow family, with medium lightness and strong saturation. In the RGB model it is made of 70.98% red, 52.94% green and 16.08% blue; printed in CMYK it uses 0% cyan, 25.41% magenta, 77.35% yellow and 29.02% black. Its hue angle is 40.29°, with 63.06% saturation and 43.53% 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 6.46:1 (WCAG AA). The closest named color is Dark Goldenrod (#b8860b), ΔE 2.37.

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

Complementary

  1. #b58729
  2. #2957b5

Split complementary

  1. #b58729
  2. #299db5
  3. #4129b5

Analogous

  1. #b54129
  2. #b58729
  3. #9db529

Triadic

  1. #b58729
  2. #29b587
  3. #8729b5

Tetradic

  1. #b58729
  2. #57b529
  3. #2957b5
  4. #8729b5

Square

  1. #b58729
  2. #29b541
  3. #2957b5
  4. #b5299d

Monochromatic

  1. #382a0d
  2. #77581b
  3. #b58729
  4. #d8ac53
  5. #e6ca91

Shades

#b58729 mixed progressively with black.

  1. #b58729
  2. #a37a25
  3. #916c21
  4. #7f5f1d
  5. #6d5119
  6. #5b4415
  7. #483610
  8. #36290c
  9. #241b08
  10. #120e04
  11. #000000

Tints

#b58729 mixed progressively with white.

  1. #b58729
  2. #bc933e
  3. #c49f54
  4. #cbab69
  5. #d3b77f
  6. #dac394
  7. #e1cfa9
  8. #e9dbbf
  9. #f0e7d4
  10. #f8f3ea
  11. #ffffff

Tones

#b58729 mixed progressively with gray.

  1. #b58729
  2. #b08632
  3. #aa863a
  4. #a58543
  5. #a0844c
  6. #9b8455
  7. #95835d
  8. #908266
  9. #8b816f
  10. #858177
  11. #808080

Readable text 3.25:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 6.46:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #8f8f8f ≈ 0.003% of males
Achromatomaly #9f8c73 ≈ 0.001% of males
Protanopia #9a8819 ≈ 1.01% of males
Deuteranopia #a4932d ≈ 1.27% of males
Tritanopia #c57975 ≈ 0.0001% of males
Protanomaly #a58820 ≈ 1.08% of males
Deuteranomaly #ab8f2c ≈ 4.63% of males
Tritanomaly #bf7f5f ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-b58729 {
  color: #b58729;
}
Background
.bg-b58729 {
  background-color: #b58729;
  color: #000000;
}
Border
.border-b58729 {
  border: 2px solid #b58729;
}
CSS variables
:root {
  --color-primary: #b58729;
  --color-primary-rgb: 181 135 41;
  --color-primary-hsl: 40 63% 44%;
}
Gradient
.gradient-b58729 {
  background: linear-gradient(135deg, #b58729, #9db529);
}
Colored shadow
.shadow-b58729 {
  box-shadow: 0 8px 24px rgb(181 135 41 / 0.35);
}

#b8860b Dark Goldenrod ΔE 2.37 #cd853f Peru ΔE 9.74 #cd7f32 Bronze ΔE 10.22 #daa520 Goldenrod ΔE 10.34 #e49b0f Gamboge ΔE 10.36 #c19a6b Camel ΔE 10.46 #b87333 Copper ΔE 11.11 #4a78d6 Inverted #8f8f8f Grayscale 

Dark Goldenrod
#b58729  rgb(181, 135, 41)  hsl(40, 63%, 44%)  Dark Goldenrod
#2957b5  rgb(41, 87, 181)  hsl(220, 63%, 44%)  Sapphire
#29b587  rgb(41, 181, 135)  hsl(160, 63%, 44%)  Mint
#8729b5  rgb(135, 41, 181)  hsl(280, 63%, 44%)  Dark Violet