ColorTool
Log in
#A07124

#a07124 ≈ Golden Brown

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

#a07124 is a color from the brown family, with low lightness and moderate saturation. In the RGB model it is made of 62.75% red, 44.31% green and 14.12% blue; printed in CMYK it uses 0% cyan, 29.38% magenta, 77.5% yellow and 37.25% black. Its hue angle is 37.26°, with 63.27% saturation and 38.43% 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 brand accents. Black text on this color reaches a contrast ratio of 4.88:1 (WCAG AA). The closest named color is Golden Brown (#996515), ΔE 4.45.

Description generated from the measured properties of this color.

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

Complementary

  1. #a07124
  2. #2453a0

Split complementary

  1. #a07124
  2. #2491a0
  3. #3324a0

Analogous

  1. #a03324
  2. #a07124
  3. #91a024

Triadic

  1. #a07124
  2. #24a071
  3. #7124a0

Tetradic

  1. #a07124
  2. #53a024
  3. #2453a0
  4. #7124a0

Square

  1. #a07124
  2. #24a033
  3. #2453a0
  4. #a02491

Monochromatic

  1. #231908
  2. #624516
  3. #a07124
  4. #d39a3d
  5. #e1bb7c

Shades

#a07124 mixed progressively with black.

  1. #a07124
  2. #906620
  3. #805a1d
  4. #704f19
  5. #604416
  6. #503912
  7. #402d0e
  8. #30220b
  9. #201707
  10. #100b04
  11. #000000

Tints

#a07124 mixed progressively with white.

  1. #a07124
  2. #aa7f3a
  3. #b38d50
  4. #bd9c66
  5. #c6aa7c
  6. #d0b892
  7. #d9c6a7
  8. #e3d4bd
  9. #ece3d3
  10. #f6f1e9
  11. #ffffff

Tones

#a07124 mixed progressively with gray.

  1. #a07124
  2. #9d732d
  3. #9a7436
  4. #967640
  5. #937749
  6. #907952
  7. #8d7a5b
  8. #8a7c64
  9. #867d6e
  10. #837f77
  11. #808080

Readable text 4.3:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 4.88:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #7a7a7a ≈ 0.003% of males
Achromatomaly #8b7663 ≈ 0.001% of males
Protanopia #827318 ≈ 1.01% of males
Deuteranopia #8d7e27 ≈ 1.27% of males
Tritanopia #ae6462 ≈ 0.0001% of males
Protanomaly #8f721d ≈ 1.08% of males
Deuteranomaly #957926 ≈ 4.63% of males
Tritanomaly #a96a50 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-a07124 {
  color: #a07124;
}
Background
.bg-a07124 {
  background-color: #a07124;
  color: #000000;
}
Border
.border-a07124 {
  border: 2px solid #a07124;
}
CSS variables
:root {
  --color-primary: #a07124;
  --color-primary-rgb: 160 113 36;
  --color-primary-hsl: 37 63% 38%;
}
Gradient
.gradient-a07124 {
  background: linear-gradient(135deg, #a07124, #91a024);
}
Colored shadow
.shadow-a07124 {
  box-shadow: 0 8px 24px rgb(160 113 36 / 0.35);
}

#996515 Golden Brown ΔE 4.45 #b06500 Ginger ΔE 7.36 #b87333 Copper ΔE 8.05 #b8860b Dark Goldenrod ΔE 9.15 #826644 Raw Umber ΔE 11.05 #cc7722 Ochre ΔE 11.10 #a67b5b Cafe au Lait ΔE 11.19 #5f8edb Inverted #7a7a7a Grayscale 

Golden Brown
#a07124  rgb(160, 113, 36)  hsl(37, 63%, 38%)  Golden Brown
#2453a0  rgb(36, 83, 160)  hsl(217, 63%, 38%)  Yale Blue
#24a071  rgb(36, 160, 113)  hsl(157, 63%, 38%)  Jade
#7124a0  rgb(113, 36, 160)  hsl(277, 63%, 38%)  Rebecca Purple