#4153D8

#4153D8

Color Values

HEX

#4153D8

RGB

65, 83, 216

HSL

232.8, 65.9%, 55.1%

HSV

232.8, 69.9%, 84.7%

CMYK

69.9%, 61.6%, 0.0%, 15.3%

OKLCH

0.5115 0.2028 271.3

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#4153D8

#D8C641

Analogous

#419FD8

#7A41D8

#4153D8

Triadic

#4153D8

#D84153

#53D841

Split Complementary

#4153D8

#D87A41

#9FD841

Tetradic

#4153D8

#D8419F

#D8C641

#41D87A

Color Blindness Simulation

Original

#4153D8

Protanopia

#4949B8

Deuteranopia

#4846B0

Tritanopia

#429E99

Achromatopsia

#595959

CSS Usage

background-color: #4153D8;
color: #4153D8;
border-color: #4153D8;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F3F4FC
100
#E3E6F7
200
#C4C9F3
300
#99A3EA
400
#6271DF
500
#2B40D4
600
#2333A9
700
#1C2987
800
#16206A
900
#141B4D
950
#0C1131

Contrast Checker

Text on white

6.08:1

AA Pass AAA Fail

Text on black

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