ColorTool
Log in
#968154

#968154 ≈ Cafe au Lait

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

#968154 is a color from the yellow family, with medium lightness and moderate saturation. In the RGB model it is made of 58.82% red, 50.59% green and 32.94% blue; printed in CMYK it uses 0% cyan, 14% magenta, 44% yellow and 41.18% black. Its hue angle is 40.91°, with 28.21% saturation and 45.88% 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 5.56:1 (WCAG AA). The closest named color is Cafe au Lait (#a67b5b), ΔE 10.12.

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

Complementary

  1. #968154
  2. #546996

Split complementary

  1. #968154
  2. #548a96
  3. #605496

Analogous

  1. #966054
  2. #968154
  3. #8a9654

Triadic

  1. #968154
  2. #549681
  3. #815496

Tetradic

  1. #968154
  2. #699654
  3. #546996
  4. #815496

Square

  1. #968154
  2. #549660
  3. #546996
  4. #96548a

Monochromatic

  1. #342d1d
  2. #655739
  3. #968154
  4. #b7a57f
  5. #d3c8b0

Shades

#968154 mixed progressively with black.

  1. #968154
  2. #87744c
  3. #786743
  4. #695a3b
  5. #5a4d32
  6. #4b412a
  7. #3c3422
  8. #2d2719
  9. #1e1a11
  10. #0f0d08
  11. #000000

Tints

#968154 mixed progressively with white.

  1. #968154
  2. #a18e65
  3. #ab9a76
  4. #b6a787
  5. #c0b398
  6. #cbc0aa
  7. #d5cdbb
  8. #e0d9cc
  9. #eae6dd
  10. #f5f2ee
  11. #ffffff

Tones

#968154 mixed progressively with gray.

  1. #968154
  2. #948158
  3. #92815d
  4. #8f8161
  5. #8d8166
  6. #8b816a
  7. #89806e
  8. #878073
  9. #848077
  10. #82807c
  11. #808080

Readable text 3.77:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 5.56:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #838383 ≈ 0.003% of males
Achromatomaly #8b8273 ≈ 0.001% of males
Protanopia #8b8051 ≈ 1.01% of males
Deuteranopia #908655 ≈ 1.27% of males
Tritanopia #a07a76 ≈ 0.0001% of males
Protanomaly #908052 ≈ 1.08% of males
Deuteranomaly #938455 ≈ 4.63% of males
Tritanomaly #9c7d6a ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-968154 {
  color: #968154;
}
Background
.bg-968154 {
  background-color: #968154;
  color: #000000;
}
Border
.border-968154 {
  border: 2px solid #968154;
}
CSS variables
:root {
  --color-primary: #968154;
  --color-primary-rgb: 150 129 84;
  --color-primary-hsl: 41 28% 46%;
}
Gradient
.gradient-968154 {
  background: linear-gradient(135deg, #968154, #8a9654);
}
Colored shadow
.shadow-968154 {
  box-shadow: 0 8px 24px rgb(150 129 84 / 0.35);
}

#a67b5b Cafe au Lait ΔE 10.12 #826644 Raw Umber ΔE 11.03 #c19a6b Camel ΔE 11.30 #9f8170 Beaver ΔE 12.12 #b8860b Dark Goldenrod ΔE 12.86 #996515 Golden Brown ΔE 13.29 #808000 Olive ΔE 13.49 #697eab Inverted #838383 Grayscale 

Cafe au Lait
#968154  rgb(150, 129, 84)  hsl(41, 28%, 46%)  Cafe au Lait
#546996  rgb(84, 105, 150)  hsl(221, 28%, 46%)  Queen Blue
#549681  rgb(84, 150, 129)  hsl(161, 28%, 46%)  Viridian
#815496  rgb(129, 84, 150)  hsl(281, 28%, 46%)  Royal Purple