#99C0EC

#99C0EC

Color Values

HEX

#99C0EC

RGB

153, 192, 236

HSL

211.8, 68.6%, 76.3%

HSV

211.8, 35.2%, 92.5%

CMYK

35.2%, 18.6%, 0.0%, 7.5%

OKLCH

0.7952 0.0756 251.8

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#99C0EC

#ECC599

Analogous

#99EAEC

#9C99EC

#99C0EC

Triadic

#99C0EC

#EC99C0

#C0EC99

Split Complementary

#99C0EC

#EC9C99

#EAEC99

Tetradic

#99C0EC

#EC99EA

#ECC599

#99EC9C

Color Blindness Simulation

Original

#99C0EC

Protanopia

#AAAAE1

Deuteranopia

#A8A5DF

Tritanopia

#9BD9D7

Achromatopsia

#BBBBBB

CSS Usage

background-color: #99C0EC;
color: #99C0EC;
border-color: #99C0EC;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F3F7FC
100
#E3EDF8
200
#C3DAF4
300
#98BFEC
400
#609DE1
500
#287AD7
600
#2062AC
700
#1A4E8A
800
#143D6B
900
#132F4E
950
#0C1D31

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

11.11:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026