#6897B6

#6897B6

Color Values

HEX

#6897B6

RGB

104, 151, 182

HSL

203.8, 34.8%, 56.1%

HSV

203.8, 42.9%, 71.4%

CMYK

42.9%, 17.0%, 0.0%, 28.6%

OKLCH

0.6545 0.0688 238.1

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#6897B6

#B68768

Analogous

#68B6AE

#6870B6

#6897B6

Triadic

#6897B6

#B66897

#97B668

Split Complementary

#6897B6

#B66870

#B6AE68

Tetradic

#6897B6

#AE68B6

#B68768

#70B668

Color Blindness Simulation

Original

#6897B6

Protanopia

#7C7DAF

Deuteranopia

#7A76AD

Tritanopia

#6AA9A7

Achromatopsia

#8F8F8F

CSS Usage

background-color: #6897B6;
color: #6897B6;
border-color: #6897B6;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDEE8
300
#ADC6D7
400
#80A7C1
500
#5389AC
600
#436D89
700
#35576E
800
#2A4456
900
#213440
950
#152128

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

6.69:1

AA Pass AAA Fail

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