ColorTool
Log in
#97826D

#97826d ≈ Beaver

  • orange
  • Lightness: medium
  • Saturation: muted
  • Warm
Check contrast Explore in graph Random color

#97826d is a color from the orange family, with medium lightness and muted saturation. In the RGB model it is made of 59.22% red, 50.98% green and 42.75% blue; printed in CMYK it uses 0% cyan, 13.91% magenta, 27.81% yellow and 40.78% black. Its hue angle is 30°, with 16.8% saturation and 50.98% lightness in HSL. It is a warm color, often associated with enthusiasm, warmth and creativity. Designers typically use it for call-to-action buttons, food and restaurant brands and brand accents. Black text on this color reaches a contrast ratio of 5.73:1 (WCAG AA). The closest named color is Beaver (#9f8170), ΔE 4.93.

Description generated from the measured properties of this color.

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

Complementary

  1. #97826d
  2. #6d8297

Split complementary

  1. #97826d
  2. #6d9797
  3. #6d6d97

Analogous

  1. #976d6d
  2. #97826d
  3. #97976d

Triadic

  1. #97826d
  2. #6d9782
  3. #826d97

Tetradic

  1. #97826d
  2. #82976d
  3. #6d8297
  4. #826d97

Square

  1. #97826d
  2. #6d976d
  3. #6d8297
  4. #976d97

Monochromatic

  1. #3e352d
  2. #6b5c4c
  3. #97826d
  4. #b7a89a
  5. #d7cec6

Shades

#97826d mixed progressively with black.

  1. #97826d
  2. #887562
  3. #796857
  4. #6a5b4c
  5. #5b4e41
  6. #4c4137
  7. #3c342c
  8. #2d2721
  9. #1e1a16
  10. #0f0d0b
  11. #000000

Tints

#97826d mixed progressively with white.

  1. #97826d
  2. #a18f7c
  3. #ac9b8a
  4. #b6a899
  5. #c1b4a7
  6. #cbc1b6
  7. #d5cdc5
  8. #e0dad3
  9. #eae6e2
  10. #f5f3f0
  11. #ffffff

Tones

#97826d mixed progressively with gray.

  1. #97826d
  2. #95826f
  3. #928271
  4. #908173
  5. #8e8175
  6. #8c8177
  7. #898178
  8. #87817a
  9. #85807c
  10. #82807e
  11. #808080

Readable text 3.67:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 5.73:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #868686 ≈ 0.003% of males
Achromatomaly #8d847c ≈ 0.001% of males
Protanopia #89836c ≈ 1.01% of males
Deuteranopia #8e876d ≈ 1.27% of males
Tritanopia #9e7d7c ≈ 0.0001% of males
Protanomaly #8f826c ≈ 1.08% of males
Deuteranomaly #92856d ≈ 4.63% of males
Tritanomaly #9c7f76 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-97826d {
  color: #97826d;
}
Background
.bg-97826d {
  background-color: #97826d;
  color: #000000;
}
Border
.border-97826d {
  border: 2px solid #97826d;
}
CSS variables
:root {
  --color-primary: #97826d;
  --color-primary-rgb: 151 130 109;
  --color-primary-hsl: 30 17% 51%;
}
Gradient
.gradient-97826d {
  background: linear-gradient(135deg, #97826d, #97976d);
}
Colored shadow
.shadow-97826d {
  box-shadow: 0 8px 24px rgb(151 130 109 / 0.35);
}

#9f8170 Beaver ΔE 4.93 #a67b5b Cafe au Lait ΔE 7.52 #848482 Battleship Gray ΔE 11.26 #826644 Raw Umber ΔE 11.67 #808080 Gray ΔE 11.90 #808080 Grey ΔE 11.90 #c19a6b Camel ΔE 12.07 #687d92 Inverted #868686 Grayscale 

Beaver
#97826d  rgb(151, 130, 109)  hsl(30, 17%, 51%)  Beaver
#6d8297  rgb(109, 130, 151)  hsl(210, 17%, 51%)  Slate Gray
#6d9782  rgb(109, 151, 130)  hsl(150, 17%, 51%)  Xanadu
#826d97  rgb(130, 109, 151)  hsl(270, 17%, 51%)  Purple Mountain Majesty