#6899C5

#6899C5

Color Values

HEX

#6899C5

RGB

104, 153, 197

HSL

208.4, 44.5%, 59.0%

HSV

208.4, 47.2%, 77.3%

CMYK

47.2%, 22.3%, 0.0%, 22.7%

OKLCH

0.6655 0.0843 246.6

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#6899C5

#C59468

Analogous

#68C5C2

#686AC5

#6899C5

Triadic

#6899C5

#C56899

#99C568

Split Complementary

#6899C5

#C5686A

#C5C268

Tetradic

#6899C5

#C268C5

#C59468

#6AC568

Color Blindness Simulation

Original

#6899C5

Protanopia

#7D7EBA

Deuteranopia

#7A77B8

Tritanopia

#6AB2B0

Achromatopsia

#929292

CSS Usage

background-color: #6899C5;
color: #6899C5;
border-color: #6899C5;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDCEB
300
#A7C3DD
400
#77A3CB
500
#4783B8
600
#396893
700
#2D5476
800
#23415C
900
#1D3144
950
#121F2B

Contrast Checker

Text on white

3.02:1

AA Fail AAA Fail

Text on black

6.95:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026