#006DF2

#006DF2

Color Values

HEX

#006DF2

RGB

0, 109, 242

HSL

213.0, 100.0%, 47.5%

HSV

213.0, 100.0%, 94.9%

CMYK

100.0%, 55.0%, 0.0%, 5.1%

OKLCH

0.5662 0.2168 258.7

Properties

Cool Dark Nearest: Blue

Color Harmonies

Complementary

#006DF2

#F28500

Analogous

#00E6F2

#0C00F2

#006DF2

Triadic

#006DF2

#F2006D

#6DF200

Split Complementary

#006DF2

#F20C00

#E6F200

Tetradic

#006DF2

#F200E6

#F28500

#00F20C

Color Blindness Simulation

Original

#006DF2

Protanopia

#2F30D2

Deuteranopia

#2921CA

Tritanopia

#05B8B3

Achromatopsia

#5F5F5F

CSS Usage

background-color: #006DF2;
color: #006DF2;
border-color: #006DF2;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F7FE
100
#DEECFC
200
#B8D8FF
300
#85BCFF
400
#4297FF
500
#0073FF
600
#005CCC
700
#0049A3
800
#003980
900
#052C5C
950
#031C3A

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

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