#6894BA

#6894BA

Color Values

HEX

#6894BA

RGB

104, 148, 186

HSL

207.8, 37.3%, 56.9%

HSV

207.8, 44.1%, 72.9%

CMYK

44.1%, 20.4%, 0.0%, 27.1%

OKLCH

0.6494 0.0747 245.4

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#6894BA

#BA8E68

Analogous

#68BAB7

#686BBA

#6894BA

Triadic

#6894BA

#BA6894

#94BA68

Split Complementary

#6894BA

#BA686B

#BAB768

Tetradic

#6894BA

#B768BA

#BA8E68

#6BBA68

Color Blindness Simulation

Original

#6894BA

Protanopia

#7B7BB1

Deuteranopia

#7875AF

Tritanopia

#6AAAA8

Achromatopsia

#8D8D8D

CSS Usage

background-color: #6894BA;
color: #6894BA;
border-color: #6894BA;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CEDCE9
300
#ABC3D9
400
#7DA3C4
500
#5083AF
600
#40698C
700
#335470
800
#284158
900
#203241
950
#141F29

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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