#414DC6

#414DC6

Color Values

HEX

#414DC6

RGB

65, 77, 198

HSL

234.6, 53.8%, 51.6%

HSV

234.6, 67.2%, 77.6%

CMYK

67.2%, 61.1%, 0.0%, 22.4%

OKLCH

0.4856 0.1864 272.9

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#414DC6

#C6BA41

Analogous

#4190C6

#7841C6

#414DC6

Triadic

#414DC6

#C6414D

#4DC641

Split Complementary

#414DC6

#C67841

#90C641

Tetradic

#414DC6

#C64190

#C6BA41

#41C678

Color Blindness Simulation

Original

#414DC6

Protanopia

#4646A9

Deuteranopia

#4645A2

Tritanopia

#42928D

Achromatopsia

#535353

CSS Usage

background-color: #414DC6;
color: #414DC6;
border-color: #414DC6;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FB
100
#E5E6F5
200
#C8CCEF
300
#A1A7E3
400
#6E77D3
500
#3B47C4
600
#2F399D
700
#262E7E
800
#1D2462
900
#191D48
950
#10122D

Contrast Checker

Text on white

6.77:1

AA Pass AAA Fail

Text on black

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