#6F74FC

#6F74FC

Color Values

HEX

#6F74FC

RGB

111, 116, 252

HSL

237.9, 95.9%, 71.2%

HSV

237.9, 56.0%, 98.8%

CMYK

56.0%, 54.0%, 0.0%, 1.2%

OKLCH

0.626 0.1984 277.4

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#6F74FC

#FCF76F

Analogous

#6FBAFC

#B16FFC

#6F74FC

Triadic

#6F74FC

#FC6F74

#74FC6F

Split Complementary

#6F74FC

#FCB16F

#BAFC6F

Tetradic

#6F74FC

#FC6FBA

#FCF76F

#6FFCB1

Color Blindness Simulation

Original

#6F74FC

Protanopia

#7171DB

Deuteranopia

#7170D3

Tritanopia

#6FC1BB

Achromatopsia

#7D7D7D

CSS Usage

background-color: #6F74FC;
color: #6F74FC;
border-color: #6F74FC;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F2FE
100
#DFE0FC
200
#B9BBFE
300
#878BFC
400
#464DFB
500
#050EFA
600
#040BC8
700
#0309A0
800
#03077D
900
#070A5A
950
#040639

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

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