#659ADD

#659ADD

Color Values

HEX

#659ADD

RGB

101, 154, 221

HSL

213.5, 63.8%, 63.1%

HSV

213.5, 54.3%, 86.7%

CMYK

54.3%, 30.3%, 0.0%, 13.3%

OKLCH

0.6774 0.1148 254.9

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#659ADD

#DDA865

Analogous

#65D6DD

#6C65DD

#659ADD

Triadic

#659ADD

#DD659A

#9ADD65

Split Complementary

#659ADD

#DD6C65

#D6DD65

Tetradic

#659ADD

#DD65D6

#DDA865

#65DD6C

Color Blindness Simulation

Original

#659ADD

Protanopia

#7C7CCD

Deuteranopia

#7975C9

Tritanopia

#68C0BD

Achromatopsia

#949494

CSS Usage

background-color: #659ADD;
color: #659ADD;
border-color: #659ADD;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F7FB
100
#E3ECF7
200
#C5D9F2
300
#9BBDE9
400
#649ADD
500
#2E76D1
600
#255EA7
700
#1E4C86
800
#173B68
900
#152D4C
950
#0D1D30

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

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