#66C1FD

#66C1FD

Color Values

HEX

#66C1FD

RGB

102, 193, 253

HSL

203.8, 97.4%, 69.6%

HSV

203.8, 59.7%, 99.2%

CMYK

59.7%, 23.7%, 0.0%, 0.8%

OKLCH

0.7787 0.1224 239.8

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#66C1FD

#FDA266

Analogous

#66FDED

#6676FD

#66C1FD

Triadic

#66C1FD

#FD66C1

#C1FD66

Split Complementary

#66C1FD

#FD6676

#FDED66

Tetradic

#66C1FD

#ED66FD

#FDA266

#76FD66

Color Blindness Simulation

Original

#66C1FD

Protanopia

#8D8EEE

Deuteranopia

#8881EB

Tritanopia

#6BE3E0

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F1F9FE
100
#DEF0FC
200
#B9E2FE
300
#86CEFD
400
#45B4FD
500
#0399FC
600
#037BC9
700
#0262A1
800
#024D7E
900
#06395B
950
#042439

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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