#6859B2

#6859B2

Color Values

HEX

#6859B2

RGB

104, 89, 178

HSL

250.1, 36.6%, 52.4%

HSV

250.1, 50.0%, 69.8%

CMYK

41.6%, 50.0%, 0.0%, 30.2%

OKLCH

0.5219 0.136 288.5

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#6859B2

#A3B259

Analogous

#5977B2

#9559B2

#6859B2

Triadic

#6859B2

#B26859

#59B268

Split Complementary

#6859B2

#B29559

#77B259

Tetradic

#6859B2

#B25977

#A3B259

#59B295

Color Blindness Simulation

Original

#6859B2

Protanopia

#62619C

Deuteranopia

#626497

Tritanopia

#678B88

Achromatopsia

#636363

CSS Usage

background-color: #6859B2;
color: #6859B2;
border-color: #6859B2;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F5FA
100
#E9E8F3
200
#D3CEE8
300
#B3ABD8
400
#8A7EC3
500
#6151AE
600
#4D418B
700
#3E346F
800
#302857
900
#262040
950
#181529

Contrast Checker

Text on white

5.74:1

AA Pass AAA Fail

Text on black

3.66:1

AA Fail 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