#6786B2

#6786B2

Color Values

HEX

#6786B2

RGB

103, 134, 178

HSL

215.2, 32.8%, 55.1%

HSV

215.2, 42.1%, 69.8%

CMYK

42.1%, 24.7%, 0.0%, 30.2%

OKLCH

0.6139 0.076 257.2

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#6786B2

#B29367

Analogous

#67ACB2

#6D67B2

#6786B2

Triadic

#6786B2

#B26786

#86B267

Split Complementary

#6786B2

#B26D67

#ACB267

Tetradic

#6786B2

#B267AC

#B29367

#67B26D

Color Blindness Simulation

Original

#6786B2

Protanopia

#7475A7

Deuteranopia

#7370A5

Tritanopia

#699F9D

Achromatopsia

#838383

CSS Usage

background-color: #6786B2;
color: #6786B2;
border-color: #6786B2;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F7F9
100
#E8ECF2
200
#D0D9E7
300
#AEBED6
400
#829BC0
500
#5678A9
600
#456087
700
#374D6C
800
#2B3C55
900
#222E3F
950
#161D28

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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