#6497DD

#6497DD

Color Values

HEX

#6497DD

RGB

100, 151, 221

HSL

214.7, 64.0%, 62.9%

HSV

214.7, 54.8%, 86.7%

CMYK

54.8%, 31.7%, 0.0%, 13.3%

OKLCH

0.6704 0.1182 256.6

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#6497DD

#DDAA64

Analogous

#64D3DD

#6D64DD

#6497DD

Triadic

#6497DD

#DD6497

#97DD64

Split Complementary

#6497DD

#DD6D64

#D3DD64

Tetradic

#6497DD

#DD64D3

#DDAA64

#64DD6D

Color Blindness Simulation

Original

#6497DD

Protanopia

#7A7BCC

Deuteranopia

#7773C8

Tritanopia

#67BFBC

Achromatopsia

#919191

CSS Usage

background-color: #6497DD;
color: #6497DD;
border-color: #6497DD;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C4D8F2
300
#9BBCE9
400
#6497DD
500
#2E73D1
600
#255CA7
700
#1D4986
800
#173969
900
#152C4C
950
#0D1C30

Contrast Checker

Text on white

2.99:1

AA Fail AAA Fail

Text on black

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