#3F69C0

#3F69C0

Color Values

HEX

#3F69C0

RGB

63, 105, 192

HSL

220.5, 50.6%, 50.0%

HSV

220.5, 67.2%, 75.3%

CMYK

67.2%, 45.3%, 0.0%, 24.7%

OKLCH

0.5356 0.1441 263.0

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#3F69C0

#C0963F

Analogous

#3FA9C0

#563FC0

#3F69C0

Triadic

#3F69C0

#C03F69

#69C03F

Split Complementary

#3F69C0

#C0563F

#A9C03F

Tetradic

#3F69C0

#C03FA9

#C0963F

#3FC056

Color Blindness Simulation

Original

#3F69C0

Protanopia

#5152AB

Deuteranopia

#4F4CA6

Tritanopia

#419A97

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5EAF5
200
#C9D5ED
300
#A3B7E1
400
#7190D0
500
#3F69C0
600
#32549A
700
#28437B
800
#1F3460
900
#1A2947
950
#111A2D

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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