#040BB5

#040BB5

Color Values

HEX

#040BB5

RGB

4, 11, 181

HSL

237.6, 95.7%, 36.3%

HSV

237.6, 97.8%, 71.0%

CMYK

97.8%, 93.9%, 0.0%, 29.0%

OKLCH

0.3562 0.2375 264.7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#040BB5

#B5AE04

Analogous

#0464B5

#5504B5

#040BB5

Triadic

#040BB5

#B5040B

#0BB504

Split Complementary

#040BB5

#B55504

#64B504

Tetradic

#040BB5

#B50464

#B5AE04

#04B555

Color Blindness Simulation

Original

#040BB5

Protanopia

#07078C

Deuteranopia

#070682

Tritanopia

#046B64

Achromatopsia

#161616

CSS Usage

background-color: #040BB5;
color: #040BB5;
border-color: #040BB5;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F1F2FE
100
#DFE0FC
200
#B9BCFD
300
#878CFC
400
#464EFB
500
#050FFA
600
#040CC8
700
#040AA0
800
#03087D
900
#070A5A
950
#040639

Contrast Checker

Text on white

12.21:1

AA Pass AAA Pass

Text on black

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