#669BEB

#669BEB

Color Values

HEX

#669BEB

RGB

102, 155, 235

HSL

216.1, 76.9%, 66.1%

HSV

216.1, 56.6%, 92.2%

CMYK

56.6%, 34.0%, 0.0%, 7.8%

OKLCH

0.6873 0.1316 258.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#669BEB

#EBB666

Analogous

#66DEEB

#7466EB

#669BEB

Triadic

#669BEB

#EB669B

#9BEB66

Split Complementary

#669BEB

#EB7466

#DEEB66

Tetradic

#669BEB

#EB66DE

#EBB666

#66EB74

Color Blindness Simulation

Original

#669BEB

Protanopia

#7D7DD8

Deuteranopia

#7A76D3

Tritanopia

#69C8C5

Achromatopsia

#969696

CSS Usage

background-color: #669BEB;
color: #669BEB;
border-color: #669BEB;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F6FC
100
#E1EBF9
200
#C0D6F7
300
#93B8F1
400
#5892E9
500
#1D6CE2
600
#1856B4
700
#134590
800
#0F3671
900
#0F2A52
950
#091A34

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

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