#6871DB

#6871DB

Color Values

HEX

#6871DB

RGB

104, 113, 219

HSL

235.3, 61.5%, 63.3%

HSV

235.3, 52.5%, 85.9%

CMYK

52.5%, 48.4%, 0.0%, 14.1%

OKLCH

0.5935 0.1594 276.7

Properties

Cool Light Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#6871DB

#DBD268

Analogous

#68AADB

#9868DB

#6871DB

Triadic

#6871DB

#DB6871

#71DB68

Split Complementary

#6871DB

#DB9868

#AADB68

Tetradic

#6871DB

#DB68AA

#DBD268

#68DB98

Color Blindness Simulation

Original

#6871DB

Protanopia

#6C6CC1

Deuteranopia

#6B6BBB

Tritanopia

#68ADA9

Achromatopsia

#777777

CSS Usage

background-color: #6871DB;
color: #6871DB;
border-color: #6871DB;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F4FB
100
#E4E5F6
200
#C5C9F1
300
#9CA2E7
400
#6770DB
500
#313DCE
600
#2731A5
700
#1F2784
800
#191F67
900
#161A4B
950
#0E1030

Contrast Checker

Text on white

4.22:1

AA Fail AAA Fail

Text on black

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