#6874BD

#6874BD

Color Values

HEX

#6874BD

RGB

104, 116, 189

HSL

231.5, 39.2%, 57.5%

HSV

231.5, 45.0%, 74.1%

CMYK

45.0%, 38.6%, 0.0%, 25.9%

OKLCH

0.5815 0.1128 275.3

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#6874BD

#BDB168

Analogous

#689FBD

#8768BD

#6874BD

Triadic

#6874BD

#BD6874

#74BD68

Split Complementary

#6874BD

#BD8768

#9FBD68

Tetradic

#6874BD

#BD689F

#BDB168

#68BD87

Color Blindness Simulation

Original

#6874BD

Protanopia

#6D6DAB

Deuteranopia

#6C6CA7

Tritanopia

#699D9A

Achromatopsia

#777777

CSS Usage

background-color: #6874BD;
color: #6874BD;
border-color: #6874BD;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F5F6FA
100
#E7E9F3
200
#CDD1E9
300
#AAB1DA
400
#7C86C6
500
#4E5CB1
600
#3E498E
700
#323B72
800
#272E59
900
#1F2442
950
#141729

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

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