#0040CC

#0040CC

Color Values

HEX

#0040CC

RGB

0, 64, 204

HSL

221.2, 100.0%, 40.0%

HSV

221.2, 100.0%, 80.0%

CMYK

100.0%, 68.6%, 0.0%, 20.0%

OKLCH

0.4468 0.2219 262.9

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#0040CC

#CC8C00

Analogous

#00A6CC

#2600CC

#0040CC

Triadic

#0040CC

#CC0040

#40CC00

Split Complementary

#0040CC

#CC2600

#A6CC00

Tetradic

#0040CC

#CC00A6

#CC8C00

#00CC26

Color Blindness Simulation

Original

#0040CC

Protanopia

#1C1CAA

Deuteranopia

#1813A2

Tritanopia

#038F8A

Achromatopsia

#3D3D3D

CSS Usage

background-color: #0040CC;
color: #0040CC;
border-color: #0040CC;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B8CEFF
300
#85ABFF
400
#427DFF
500
#0050FF
600
#0040CC
700
#0033A3
800
#002880
900
#05205C
950
#03143A

Contrast Checker

Text on white

8.06:1

AA Pass AAA Pass

Text on black

2.61:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026