#6A97DC

#6A97DC

Color Values

HEX

#6A97DC

RGB

106, 151, 220

HSL

216.3, 62.0%, 63.9%

HSV

216.3, 51.8%, 86.3%

CMYK

51.8%, 31.4%, 0.0%, 13.7%

OKLCH

0.6731 0.1142 258.7

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#6A97DC

#DCAF6A

Analogous

#6AD0DC

#766ADC

#6A97DC

Triadic

#6A97DC

#DC6A97

#97DC6A

Split Complementary

#6A97DC

#DC766A

#D0DC6A

Tetradic

#6A97DC

#DC6AD0

#DCAF6A

#6ADC76

Color Blindness Simulation

Original

#6A97DC

Protanopia

#7D7ECB

Deuteranopia

#7B77C7

Tritanopia

#6CBEBB

Achromatopsia

#929292

CSS Usage

background-color: #6A97DC;
color: #6A97DC;
border-color: #6A97DC;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F7FB
100
#E4EBF7
200
#C5D7F1
300
#9CBAE8
400
#6694DB
500
#306FCF
600
#2759A5
700
#1F4784
800
#183767
900
#152B4B
950
#0E1B30

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

7.07:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026