#66BADC

#66BADC

Color Values

HEX

#66BADC

RGB

102, 186, 220

HSL

197.3, 62.8%, 63.1%

HSV

197.3, 53.6%, 86.3%

CMYK

53.6%, 15.5%, 0.0%, 13.7%

OKLCH

0.7488 0.0951 226.6

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#66BADC

#DC8866

Analogous

#66DCC3

#667FDC

#66BADC

Triadic

#66BADC

#DC66BA

#BADC66

Split Complementary

#66BADC

#DC667F

#DCC366

Tetradic

#66BADC

#C366DC

#DC8866

#7FDC66

Color Blindness Simulation

Original

#66BADC

Protanopia

#8A8BD4

Deuteranopia

#867FD2

Tritanopia

#6ACDCC

Achromatopsia

#ABABAB

CSS Usage

background-color: #66BADC;
color: #66BADC;
border-color: #66BADC;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F3F9FB
100
#E4F1F7
200
#C5E5F2
300
#9BD2E8
400
#65BADC
500
#2FA1D0
600
#2681A6
700
#1E6785
800
#185168
900
#153C4C
950
#0D2630

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.62:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026