#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026