#040EC8

#040EC8

Color Values

HEX

#040EC8

RGB

4, 14, 200

HSL

236,9, 96,1%, 40,0%

HSV

236,9, 98,0%, 78,4%

CMYK

98,0%, 93,0%, 0,0%, 21,6%

OKLCH

0,3838 0,2557 264,6

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#040EC8

#C8BE04

Analogous

#0470C8

#5C04C8

#040EC8

Triadic

#040EC8

#C8040E

#0EC804

Split Complementary

#040EC8

#C85C04

#70C804

Tetradic

#040EC8

#C80470

#C8BE04

#04C85C

Color Blindness Simulation

Original

#040EC8

Protanopia

#08089B

Deuteranopia

#080790

Tritanopia

#047770

Achromatopsia

#191919

CSS Usage

background-color: #040EC8;
color: #040EC8;
border-color: #040EC8;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F1F2FE
100
#DFE0FC
200
#B9BDFE
300
#878DFD
400
#464FFB
500
#0512FA
600
#040EC8
700
#030BA0
800
#02097D
900
#070B5A
950
#040739

Contrast Checker

Text on white

11,04:1

AA Pass AAA Pass

Text on black

1,9: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