#66ADDB

#66ADDB

Color Values

HEX

#66ADDB

RGB

102, 173, 219

HSL

203.6, 61.9%, 62.9%

HSV

203.6, 53.4%, 85.9%

CMYK

53.4%, 21.0%, 0.0%, 14.1%

OKLCH

0.719 0.0982 238.6

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#66ADDB

#DB9466

Analogous

#66DBCE

#6672DB

#66ADDB

Triadic

#66ADDB

#DB66AD

#ADDB66

Split Complementary

#66ADDB

#DB6672

#DBCE66

Tetradic

#66ADDB

#CE66DB

#DB9466

#72DB66

Color Blindness Simulation

Original

#66ADDB

Protanopia

#8585D0

Deuteranopia

#817BCD

Tritanopia

#6AC7C5

Achromatopsia

#A1A1A1

CSS Usage

background-color: #66ADDB;
color: #66ADDB;
border-color: #66ADDB;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F3F8FB
100
#E4EFF7
200
#C5E0F1
300
#9CCAE8
400
#66ADDB
500
#3190CE
600
#2773A5
700
#1F5C84
800
#184867
900
#15364B
950
#0E2230

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

8.57: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