#99CCBC

#99CCBC

Color Values

HEX

#99CCBC

RGB

153, 204, 188

HSL

161.2, 33.3%, 70.0%

HSV

161.2, 25.0%, 80.0%

CMYK

25.0%, 0.0%, 7.8%, 20.0%

OKLCH

0.8049 0.0579 173.5

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#99CCBC

#CC99A9

Analogous

#99CCA3

#99C2CC

#99CCBC

Triadic

#99CCBC

#BC99CC

#CCBC99

Split Complementary

#99CCBC

#CC99C2

#CCA399

Tetradic

#99CCBC

#A399CC

#CC99A9

#C2CC99

Color Blindness Simulation

Original

#99CCBC

Protanopia

#AFB0C0

Deuteranopia

#ACA8C1

Tritanopia

#9CC3C4

Achromatopsia

#C0C0C0

CSS Usage

background-color: #99CCBC;
color: #99CCBC;
border-color: #99CCBC;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F5FAF8
100
#E8F2EF
200
#CFE7E0
300
#ADD6C9
400
#81C0AC
500
#55AA8F
600
#448873
700
#366D5C
800
#2B5548
900
#223F36
950
#152822

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

11.72:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026