#6993D8

#6993D8

Color Values

HEX

#6993D8

RGB

105, 147, 216

HSL

217.3, 58.7%, 62.9%

HSV

217.3, 51.4%, 84.7%

CMYK

51.4%, 31.9%, 0.0%, 15.3%

OKLCH

0.6619 0.1134 260.0

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#6993D8

#D8AE69

Analogous

#69CAD8

#7669D8

#6993D8

Triadic

#6993D8

#D86993

#93D869

Split Complementary

#6993D8

#D87669

#CAD869

Tetradic

#6993D8

#D869CA

#D8AE69

#69D876

Color Blindness Simulation

Original

#6993D8

Protanopia

#7B7CC7

Deuteranopia

#7976C3

Tritanopia

#6BBAB7

Achromatopsia

#8F8F8F

CSS Usage

background-color: #6993D8;
color: #6993D8;
border-color: #6993D8;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F6FB
100
#E4EBF6
200
#C6D6F0
300
#9EB9E6
400
#6993D8
500
#356DCA
600
#2A57A2
700
#224681
800
#1A3765
900
#172A4A
950
#0E1B2F

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

6.77:1

AA Pass AAA Fail

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