#9EBDAF

#9EBDAF

Color Values

HEX

#9EBDAF

RGB

158, 189, 175

HSL

152.9, 19.0%, 68.0%

HSV

152.9, 16.4%, 74.1%

CMYK

16.4%, 0.0%, 7.4%, 25.9%

OKLCH

0.7713 0.039 166.2

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#9EBDAF

#BD9EAC

Analogous

#9EBD9F

#9EBBBD

#9EBDAF

Triadic

#9EBDAF

#AF9EBD

#BDAF9E

Split Complementary

#9EBDAF

#BD9EBB

#BD9F9E

Tetradic

#9EBDAF

#9F9EBD

#BD9EAC

#BBBD9E

Color Blindness Simulation

Original

#9EBDAF

Protanopia

#ABACB2

Deuteranopia

#AAA7B3

Tritanopia

#A0B5B6

Achromatopsia

#B5B5B5

CSS Usage

background-color: #9EBDAF;
color: #9EBDAF;
border-color: #9EBDAF;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F9F7
100
#EAF0ED
200
#D5E2DC
300
#B6CDC3
400
#8FB3A2
500
#679882
600
#537968
700
#426153
800
#344C41
900
#283931
950
#19241F

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

10.35:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026