#6898E2

#6898E2

Color Values

HEX

#6898E2

RGB

104, 152, 226

HSL

216.4, 67.8%, 64.7%

HSV

216.4, 54.0%, 88.6%

CMYK

54.0%, 32.7%, 0.0%, 11.4%

OKLCH

0.6772 0.122 258.8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#6898E2

#E2B268

Analogous

#68D5E2

#7568E2

#6898E2

Triadic

#6898E2

#E26898

#98E268

Split Complementary

#6898E2

#E27568

#D5E268

Tetradic

#6898E2

#E268D5

#E2B268

#68E275

Color Blindness Simulation

Original

#6898E2

Protanopia

#7D7DD0

Deuteranopia

#7A76CC

Tritanopia

#6AC2BF

Achromatopsia

#939393

CSS Usage

background-color: #6898E2;
color: #6898E2;
border-color: #6898E2;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F6FC
100
#E3EBF7
200
#C3D6F4
300
#98B9EB
400
#6193E1
500
#296DD6
600
#2157AB
700
#1A4689
800
#15376B
900
#132A4E
950
#0C1B31

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

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