#6F6FD4

#6F6FD4

Color Values

HEX

#6F6FD4

RGB

111, 111, 212

HSL

240.0, 54.0%, 63.3%

HSV

240.0, 47.6%, 83.1%

CMYK

47.6%, 47.6%, 0.0%, 16.9%

OKLCH

0.5903 0.151 280.7

Properties

Cool Light Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#6F6FD4

#D4D46F

Analogous

#6FA1D4

#A16FD4

#6F6FD4

Triadic

#6F6FD4

#D46F6F

#6FD46F

Split Complementary

#6F6FD4

#D4A16F

#A1D46F

Tetradic

#6F6FD4

#D46FA1

#D4D46F

#6FD4A1

Color Blindness Simulation

Original

#6F6FD4

Protanopia

#6F6FBC

Deuteranopia

#6F6FB6

Tritanopia

#6FA8A4

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E5E5F5
200
#C8C8EF
300
#A1A1E3
400
#6E6ED4
500
#3B3BC4
600
#2F2F9D
700
#26267E
800
#1D1D62
900
#191948
950
#10102D

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

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