#2F75D0

#2F75D0

Color Values

HEX

#2F75D0

RGB

47, 117, 208

HSL

213.9, 63.1%, 50.0%

HSV

213.9, 77.4%, 81.6%

CMYK

77.4%, 43.8%, 0.0%, 18.4%

OKLCH

0.5661 0.1568 256.5

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#2F75D0

#D08A2F

Analogous

#2FC5D0

#3A2FD0

#2F75D0

Triadic

#2F75D0

#D02F75

#75D02F

Split Complementary

#2F75D0

#D03A2F

#C5D02F

Tetradic

#2F75D0

#D02FC5

#D08A2F

#2FD03A

Color Blindness Simulation

Original

#2F75D0

Protanopia

#4D4EBA

Deuteranopia

#4944B5

Tritanopia

#32A9A5

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F3F7FB
100
#E4ECF7
200
#C5D8F2
300
#9BBDE8
400
#6599DC
500
#2F75D0
600
#265EA6
700
#1E4B85
800
#183B68
900
#152D4C
950
#0D1C30

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

4.58:1

AA Pass 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