#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026