#066AF9

#066AF9

Color Values

HEX

#066AF9

RGB

6, 106, 249

HSL

215.3, 95.3%, 50.0%

HSV

215.3, 97.6%, 97.6%

CMYK

97.6%, 57.4%, 0.0%, 2.4%

OKLCH

0.5665 0.2285 260.1

Properties

Cool Dark Nearest: Blue

Color Harmonies

Complementary

#066AF9

#F99506

Analogous

#06E4F9

#1B06F9

#066AF9

Triadic

#066AF9

#F9066A

#6AF906

Split Complementary

#066AF9

#F91B06

#E4F906

Tetradic

#066AF9

#F906E4

#F99506

#06F91B

Color Blindness Simulation

Original

#066AF9

Protanopia

#3132D6

Deuteranopia

#2C24CE

Tritanopia

#0BBBB5

Achromatopsia

#5F5F5F

CSS Usage

background-color: #066AF9;
color: #066AF9;
border-color: #066AF9;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F6FE
100
#DFEBFC
200
#B9D5FD
300
#87B7FC
400
#4791FB
500
#066AF9
600
#0555C7
700
#04449F
800
#03357D
900
#07295A
950
#041A39

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

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