#9AD2EB

#9AD2EB

Color Values

HEX

#9AD2EB

RGB

154, 210, 235

HSL

198.5, 66.9%, 76.3%

HSV

198.5, 34.5%, 92.2%

CMYK

34.5%, 10.6%, 0.0%, 7.8%

OKLCH

0.8338 0.0674 227.3

Properties

Cool Light Nearest: Cornflower

Color Harmonies

Complementary

#9AD2EB

#EBB39A

Analogous

#9AEBDB

#9AAAEB

#9AD2EB

Triadic

#9AD2EB

#EB9AD2

#D2EB9A

Split Complementary

#9AD2EB

#EB9AAA

#EBDB9A

Tetradic

#9AD2EB

#DB9AEB

#EBB39A

#AAEB9A

Color Blindness Simulation

Original

#9AD2EB

Protanopia

#B2B3E5

Deuteranopia

#AFABE4

Tritanopia

#9DE0DF

Achromatopsia

#C8C8C8

CSS Usage

background-color: #9AD2EB;
color: #9AD2EB;
border-color: #9AD2EB;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F3F9FC
100
#E3F1F7
200
#C3E4F3
300
#99D1EB
400
#62B9E0
500
#2AA0D5
600
#2280AA
700
#1B6788
800
#15506A
900
#133C4E
950
#0C2631

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

12.79:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026