#6D89AE

#6D89AE

Color Values

HEX

#6D89AE

RGB

109, 137, 174

HSL

214.2, 28.6%, 55.5%

HSV

214.2, 37.4%, 68.2%

CMYK

37.4%, 21.3%, 0.0%, 31.8%

OKLCH

0.6227 0.0648 255.6

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#6D89AE

#AE926D

Analogous

#6DA9AE

#726DAE

#6D89AE

Triadic

#6D89AE

#AE6D89

#89AE6D

Split Complementary

#6D89AE

#AE726D

#A9AE6D

Tetradic

#6D89AE

#AE6DA9

#AE926D

#6DAE72

Color Blindness Simulation

Original

#6D89AE

Protanopia

#7979A5

Deuteranopia

#7875A3

Tritanopia

#6E9E9C

Achromatopsia

#868686

CSS Usage

background-color: #6D89AE;
color: #6D89AE;
border-color: #6D89AE;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F7F9
100
#E9EDF1
200
#D1DAE6
300
#B0BFD3
400
#869DBC
500
#5B7AA4
600
#496283
700
#3A4E69
800
#2E3D52
900
#242F3D
950
#171D26

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

5.84:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026