#414DD8

#414DD8

Color Values

HEX

#414DD8

RGB

65, 77, 216

HSL

235.2, 65.9%, 55.1%

HSV

235.2, 69.9%, 84.7%

CMYK

69.9%, 64.4%, 0.0%, 15.3%

OKLCH

0.5011 0.2097 272.4

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#414DD8

#D8CC41

Analogous

#4199D8

#8041D8

#414DD8

Triadic

#414DD8

#D8414D

#4DD841

Split Complementary

#414DD8

#D88041

#99D841

Tetradic

#414DD8

#D84199

#D8CC41

#41D880

Color Blindness Simulation

Original

#414DD8

Protanopia

#4646B6

Deuteranopia

#4645AE

Tritanopia

#429C96

Achromatopsia

#545454

CSS Usage

background-color: #414DD8;
color: #414DD8;
border-color: #414DD8;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F3F4FC
100
#E3E5F7
200
#C4C8F3
300
#99A0EA
400
#626CDF
500
#2B39D4
600
#232EA9
700
#1C2487
800
#161C6A
900
#14184D
950
#0C0F31

Contrast Checker

Text on white

6.41:1

AA Pass AAA Fail

Text on black

3.28:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026