#2F64D0

#2F64D0

Color Values

HEX

#2F64D0

RGB

47, 100, 208

HSL

220.2, 63.1%, 50.0%

HSV

220.2, 77.4%, 81.6%

CMYK

77.4%, 51.9%, 0.0%, 18.4%

OKLCH

0.5298 0.1767 262.4

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#2F64D0

#D09B2F

Analogous

#2FB5D0

#4A2FD0

#2F64D0

Triadic

#2F64D0

#D02F64

#64D02F

Split Complementary

#2F64D0

#D04A2F

#B5D02F

Tetradic

#2F64D0

#D02FB5

#D09B2F

#2FD04A

Color Blindness Simulation

Original

#2F64D0

Protanopia

#4646B6

Deuteranopia

#433FB0

Tritanopia

#32A19D

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F3F6FB
100
#E4EAF7
200
#C5D4F2
300
#9BB5E8
400
#658CDC
500
#2F64D0
600
#2650A6
700
#1E4085
800
#183268
900
#15274C
950
#0D1930

Contrast Checker

Text on white

5.45:1

AA Pass AAA Fail

Text on black

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