ColorTool
Log in
#9FB5AF

#9fb5af ≈ Opal

  • teal
  • Lightness: high
  • Saturation: muted
  • Balanced
Check contrast Explore in graph Random color

#9fb5af is a color from the teal family, with high lightness and muted saturation. In the RGB model it is made of 62.35% red, 70.98% green and 68.63% blue; printed in CMYK it uses 12.15% cyan, 0% magenta, 3.31% yellow and 29.02% black. Its hue angle is 163.64°, with 12.94% saturation and 66.67% lightness in HSL. It sits between warm and cool, and is often associated with clarity, calm and renewal. Designers typically use it for health and wellness, technology products and brand accents. Black text on this color reaches a contrast ratio of 9.7:1 (WCAG AAA). The closest named color is Opal (#a8c3bc), ΔE 3.85.

Description generated from the measured properties of this color.

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

Complementary

  1. #9fb5af
  2. #b59fa5

Split complementary

  1. #9fb5af
  2. #b59fb0
  3. #b5a49f

Analogous

  1. #9fb5a4
  2. #9fb5af
  3. #9fb0b5

Triadic

  1. #9fb5af
  2. #af9fb5
  3. #b5af9f

Tetradic

  1. #9fb5af
  2. #9fa5b5
  3. #b59fa5
  4. #b5af9f

Square

  1. #9fb5af
  2. #a49fb5
  3. #b59fa5
  4. #b0b59f

Monochromatic

  1. #516a63
  2. #74948b
  3. #9fb5af
  4. #cad6d3
  5. #f3f6f5

Shades

#9fb5af mixed progressively with black.

  1. #9fb5af
  2. #8fa39e
  3. #7f918c
  4. #6f7f7b
  5. #5f6d69
  6. #505b58
  7. #404846
  8. #303635
  9. #202423
  10. #101212
  11. #000000

Tints

#9fb5af mixed progressively with white.

  1. #9fb5af
  2. #a9bcb7
  3. #b2c4bf
  4. #bccbc7
  5. #c5d3cf
  6. #cfdad7
  7. #d9e1df
  8. #e2e9e7
  9. #ecf0ef
  10. #f5f8f7
  11. #ffffff

Tones

#9fb5af mixed progressively with gray.

  1. #9fb5af
  2. #9cb0aa
  3. #99aaa6
  4. #96a5a1
  5. #93a09c
  6. #909b98
  7. #8c9593
  8. #89908e
  9. #868b89
  10. #838585
  11. #808080

Readable text 2.16:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 9.7:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #b0b0b0 ≈ 0.003% of males
Achromatomaly #aab2b0 ≈ 0.001% of males
Protanopia #b3b2af ≈ 1.01% of males
Deuteranopia #afafaf ≈ 1.27% of males
Tritanopia #9ab6b3 ≈ 0.0001% of males
Protanomaly #abb3af ≈ 1.08% of males
Deuteranomaly #a9b1af ≈ 4.63% of males
Tritanomaly #9cb5b1 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-9fb5af {
  color: #9fb5af;
}
Background
.bg-9fb5af {
  background-color: #9fb5af;
  color: #000000;
}
Border
.border-9fb5af {
  border: 2px solid #9fb5af;
}
CSS variables
:root {
  --color-primary: #9fb5af;
  --color-primary-rgb: 159 181 175;
  --color-primary-hsl: 164 13% 67%;
}
Gradient
.gradient-9fb5af {
  background: linear-gradient(135deg, #9fb5af, #9fb0b5);
}
Colored shadow
.shadow-9fb5af {
  box-shadow: 0 8px 24px rgb(159 181 175 / 0.35);
}

#a8c3bc Opal ΔE 3.85 #b2beb5 Ash Gray ΔE 4.78 #aec6cf Pastel Blue ΔE 8.62 #a9a9a9 Dark Gray ΔE 10.34 #a9a9a9 Dark Grey ΔE 10.34 #c0c0c0 Silver ΔE 10.99 #add8e6 Light Blue ΔE 12.49 #604a50 Inverted #b0b0b0 Grayscale 

Opal
#9fb5af  rgb(159, 181, 175)  hsl(164, 13%, 67%)  Opal
#b59fa5  rgb(181, 159, 165)  hsl(344, 13%, 67%)  Rose Quartz
#af9fb5  rgb(175, 159, 181)  hsl(284, 13%, 67%)  Pastel Purple
#b5af9f  rgb(181, 175, 159)  hsl(44, 13%, 67%)  Dark Gray