ColorTool
Log in
#A79917

#a79917 ≈ Brass

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

#a79917 is a color from the yellow family, with low lightness and strong saturation. In the RGB model it is made of 65.49% red, 60% green and 9.02% blue; printed in CMYK it uses 0% cyan, 8.38% magenta, 86.23% yellow and 34.51% black. Its hue angle is 54.17°, with 75.79% saturation and 37.25% 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 7.21:1 (WCAG AAA). The closest named color is Brass (#b5a642), ΔE 5.03.

Description generated from the measured properties of this color.

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

Complementary

  1. #a79917
  2. #1725a7

Split complementary

  1. #a79917
  2. #176da7
  3. #5117a7

Analogous

  1. #a75117
  2. #a79917
  3. #6da717

Triadic

  1. #a79917
  2. #17a799
  3. #9917a7

Tetradic

  1. #a79917
  2. #25a717
  3. #1725a7
  4. #9917a7

Square

  1. #a79917
  2. #17a751
  3. #1725a7
  4. #a7176d

Monochromatic

  1. #201e04
  2. #645b0e
  3. #a79917
  4. #e2d029
  5. #ebde6c

Shades

#a79917 mixed progressively with black.

  1. #a79917
  2. #968a15
  3. #867a12
  4. #756b10
  5. #645c0e
  6. #544d0c
  7. #433d09
  8. #322e07
  9. #211f05
  10. #110f02
  11. #000000

Tints

#a79917 mixed progressively with white.

  1. #a79917
  2. #b0a32e
  3. #b9ad45
  4. #c1b85d
  5. #cac274
  6. #d3cc8b
  7. #dcd6a2
  8. #e5e0b9
  9. #edebd1
  10. #f6f5e8
  11. #ffffff

Tones

#a79917 mixed progressively with gray.

  1. #a79917
  2. #a39722
  3. #9f942c
  4. #9b9237
  5. #978f41
  6. #948d4c
  7. #908a56
  8. #8c8861
  9. #88856b
  10. #848376
  11. #808080

Readable text 2.91:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 7.21:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #979797 ≈ 0.003% of males
Achromatomaly #9e9879 ≈ 0.001% of males
Protanopia #a89400 ≈ 1.01% of males
Deuteranopia #ac9a24 ≈ 1.27% of males
Tritanopia #b48d82 ≈ 0.0001% of males
Protanomaly #a89600 ≈ 1.08% of males
Deuteranomaly #aa9a1f ≈ 4.63% of males
Tritanomaly #af9268 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-a79917 {
  color: #a79917;
}
Background
.bg-a79917 {
  background-color: #a79917;
  color: #000000;
}
Border
.border-a79917 {
  border: 2px solid #a79917;
}
CSS variables
:root {
  --color-primary: #a79917;
  --color-primary-rgb: 167 153 23;
  --color-primary-hsl: 54 76% 37%;
}
Gradient
.gradient-a79917 {
  background: linear-gradient(135deg, #a79917, #6da717);
}
Colored shadow
.shadow-a79917 {
  box-shadow: 0 8px 24px rgb(167 153 23 / 0.35);
}

#b5a642 Brass ΔE 5.03 #c5b358 Vegas Gold ΔE 9.12 #cfb53b Old Gold ΔE 9.37 #d4af37 Metallic Gold ΔE 10.06 #808000 Olive ΔE 10.48 #bdb76b Dark Khaki ΔE 11.32 #b8860b Dark Goldenrod ΔE 11.67 #5866e8 Inverted #979797 Grayscale 

Brass
#a79917  rgb(167, 153, 23)  hsl(54, 76%, 37%)  Brass
#1725a7  rgb(23, 37, 167)  hsl(234, 76%, 37%)  Imperial Blue
#17a799  rgb(23, 167, 153)  hsl(174, 76%, 37%)  Persian Green
#9917a7  rgb(153, 23, 167)  hsl(294, 76%, 37%)  Dark Magenta