#6899D7

#6899D7

Color Values

HEX

#6899D7

RGB

104, 153, 215

HSL

213.5, 58.1%, 62.5%

HSV

213.5, 51.6%, 84.3%

CMYK

51.6%, 28.8%, 0.0%, 15.7%

OKLCH

0.6739 0.1066 254.8

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#6899D7

#D7A668

Analogous

#68D0D7

#6E68D7

#6899D7

Triadic

#6899D7

#D76899

#99D768

Split Complementary

#6899D7

#D76E68

#D0D768

Tetradic

#6899D7

#D768D0

#D7A668

#68D76E

Color Blindness Simulation

Original

#6899D7

Protanopia

#7D7EC8

Deuteranopia

#7A77C4

Tritanopia

#6ABCBA

Achromatopsia

#939393

CSS Usage

background-color: #6899D7;
color: #6899D7;
border-color: #6899D7;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FB
100
#E4ECF6
200
#C7D9F0
300
#9EBEE5
400
#6A9AD7
500
#3577CA
600
#2B5FA1
700
#224C81
800
#1B3B65
900
#172D4A
950
#0F1D2F

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

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