#2F6FD0

#2F6FD0

Color Values

HEX

#2F6FD0

RGB

47, 111, 208

HSL

216.1, 63.1%, 50.0%

HSV

216.1, 77.4%, 81.6%

CMYK

77.4%, 46.6%, 0.0%, 18.4%

OKLCH

0.5531 0.1637 258.8

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#2F6FD0

#D0902F

Analogous

#2FC0D0

#3F2FD0

#2F6FD0

Triadic

#2F6FD0

#D02F6F

#6FD02F

Split Complementary

#2F6FD0

#D03F2F

#C0D02F

Tetradic

#2F6FD0

#D02FC0

#D0902F

#2FD03F

Color Blindness Simulation

Original

#2F6FD0

Protanopia

#4B4BB9

Deuteranopia

#4742B3

Tritanopia

#32A6A2

Achromatopsia

#686868

CSS Usage

background-color: #2F6FD0;
color: #2F6FD0;
border-color: #2F6FD0;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F7FB
100
#E4EBF7
200
#C5D7F2
300
#9BBAE8
400
#6595DC
500
#2F6FD0
600
#2659A6
700
#1E4785
800
#183868
900
#152B4C
950
#0D1B30

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

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