#66B0EB

#66B0EB

Color Values

HEX

#66B0EB

RGB

102, 176, 235

HSL

206.6, 76.9%, 66.1%

HSV

206.6, 56.6%, 92.2%

CMYK

56.6%, 25.1%, 0.0%, 7.8%

OKLCH

0.7329 0.1136 244.3

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#66B0EB

#EBA166

Analogous

#66EBE3

#666EEB

#66B0EB

Triadic

#66B0EB

#EB66B0

#B0EB66

Split Complementary

#66B0EB

#EB666E

#EBE366

Tetradic

#66B0EB

#E366EB

#EBA166

#6EEB66

Color Blindness Simulation

Original

#66B0EB

Protanopia

#8687DD

Deuteranopia

#827CD9

Tritanopia

#6AD1CF

Achromatopsia

#A5A5A5

CSS Usage

background-color: #66B0EB;
color: #66B0EB;
border-color: #66B0EB;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F8FC
100
#E1EEF9
200
#C0DEF7
300
#93C7F1
400
#58A9E9
500
#1D8BE2
600
#186FB4
700
#135990
800
#0F4571
900
#0F3452
950
#092134

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

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