#0040F4

#0040F4

Color Values

HEX

#0040F4

RGB

0, 64, 244

HSL

224.3, 100.0%, 47.8%

HSV

224.3, 100.0%, 95.7%

CMYK

100.0%, 73.8%, 0.0%, 4.3%

OKLCH

0.4891 0.2682 263.7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0040F4

#F4B400

Analogous

#00BAF4

#3A00F4

#0040F4

Triadic

#0040F4

#F40040

#40F400

Split Complementary

#0040F4

#F43A00

#BAF400

Tetradic

#0040F4

#F400BA

#F4B400

#00F43A

Color Blindness Simulation

Original

#0040F4

Protanopia

#1C1CC8

Deuteranopia

#1813BE

Tritanopia

#03A69E

Achromatopsia

#3F3F3F

CSS Usage

background-color: #0040F4;
color: #0040F4;
border-color: #0040F4;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F4FE
100
#DEE6FC
200
#B8CAFF
300
#85A5FF
400
#4274FF
500
#0043FF
600
#0035CC
700
#002BA3
800
#002180
900
#051C5C
950
#03113A

Contrast Checker

Text on white

6.91:1

AA Pass AAA Fail

Text on black

3.04:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026