#9BD3C2

#9BD3C2

Color Values

HEX

#9BD3C2

RGB

155, 211, 194

HSL

161.8, 38.9%, 71.8%

HSV

161.8, 26.5%, 82.7%

CMYK

26.5%, 0.0%, 8.1%, 17.3%

OKLCH

0.8234 0.0626 174.0

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#9BD3C2

#D39BAC

Analogous

#9BD3A6

#9BC8D3

#9BD3C2

Triadic

#9BD3C2

#C29BD3

#D3C29B

Split Complementary

#9BD3C2

#D39BC8

#D3A69B

Tetradic

#9BD3C2

#A69BD3

#D39BAC

#C8D39B

Color Blindness Simulation

Original

#9BD3C2

Protanopia

#B3B4C6

Deuteranopia

#B0ACC7

Tritanopia

#9EC9CA

Achromatopsia

#C6C6C6

CSS Usage

background-color: #9BD3C2;
color: #9BD3C2;
border-color: #9BD3C2;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CDE9E1
300
#AADACB
400
#7CC5AF
500
#4EB193
600
#3E8E76
700
#32715E
800
#27594A
900
#1F4137
950
#142923

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

12.49:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026