#6D71CF

#6D71CF

Color Values

HEX

#6D71CF

RGB

109, 113, 207

HSL

237,6, 50,5%, 62,0%

HSV

237,6, 47,3%, 81,2%

CMYK

47,3%, 45,4%, 0,0%, 18,8%

OKLCH

0,5896 0,1416 279,3

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#6D71CF

#CFCB6D

Analogous

#6DA2CF

#9A6DCF

#6D71CF

Triadic

#6D71CF

#CF6D71

#71CF6D

Split Complementary

#6D71CF

#CF9A6D

#A2CF6D

Tetradic

#6D71CF

#CF6DA2

#CFCB6D

#6DCF9A

Color Blindness Simulation

Original

#6D71CF

Protanopia

#6F6FB8

Deuteranopia

#6E6EB3

Tritanopia

#6DA6A2

Achromatopsia

#777777

CSS Usage

background-color: #6D71CF;
color: #6D71CF;
border-color: #6D71CF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E5E6F5
200
#C9CBED
300
#A3A5E1
400
#7175D0
500
#3F44C0
600
#32379A
700
#282C7B
800
#202260
900
#1A1C46
950
#11122D

Contrast Checker

Text on white

4,27:1

AA Fail AAA Fail

Text on black

4,91: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