#4062BF

#4062BF

Color Values

HEX

#4062BF

RGB

64, 98, 191

HSL

223.9, 49.8%, 50.0%

HSV

223.9, 66.5%, 74.9%

CMYK

66.5%, 48.7%, 0.0%, 25.1%

OKLCH

0.5206 0.151 266.2

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#4062BF

#BF9D40

Analogous

#40A2BF

#5D40BF

#4062BF

Triadic

#4062BF

#BF4062

#62BF40

Split Complementary

#4062BF

#BF5D40

#A2BF40

Tetradic

#4062BF

#BF40A2

#BF9D40

#40BF5D

Color Blindness Simulation

Original

#4062BF

Protanopia

#4F4FA9

Deuteranopia

#4D4AA3

Tritanopia

#429793

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E6EAF5
200
#CAD3ED
300
#A3B4E0
400
#728BD0
500
#4062BF
600
#334E99
700
#293F7A
800
#20315F
900
#1B2646
950
#11182C

Contrast Checker

Text on white

5.65:1

AA Pass AAA Fail

Text on black

3.72:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026