#6B8CB8

#6B8CB8

Color Values

HEX

#6B8CB8

RGB

107, 140, 184

HSL

214.3, 35.2%, 57.1%

HSV

214.3, 41.8%, 72.2%

CMYK

41.8%, 23.9%, 0.0%, 27.8%

OKLCH

0.6325 0.0765 255.8

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#6B8CB8

#B8976B

Analogous

#6BB3B8

#716BB8

#6B8CB8

Triadic

#6B8CB8

#B86B8C

#8CB86B

Split Complementary

#6B8CB8

#B8716B

#B3B86B

Tetradic

#6B8CB8

#B86BB3

#B8976B

#6BB871

Color Blindness Simulation

Original

#6B8CB8

Protanopia

#797AAD

Deuteranopia

#7775AB

Tritanopia

#6DA5A3

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8ECF2
200
#CFD9E8
300
#ACBFD7
400
#7F9CC2
500
#5379AC
600
#42618A
700
#354D6E
800
#293D56
900
#212E40
950
#151D28

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

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