#0372F2

#0372F2

Color Values

HEX

#0372F2

RGB

3, 114, 242

HSL

212,1, 97,6%, 48,0%

HSV

212,1, 98,8%, 94,9%

CMYK

98,8%, 52,9%, 0,0%, 5,1%

OKLCH

0,5767 0,2107 257,9

Properties

Cool Light Nearest: Blue

Color Harmonies

Complementary

#0372F2

#F28303

Analogous

#03EAF2

#0B03F2

#0372F2

Triadic

#0372F2

#F20372

#72F203

Split Complementary

#0372F2

#F20B03

#EAF203

Tetradic

#0372F2

#F203EA

#F28303

#03F20B

Color Blindness Simulation

Original

#0372F2

Protanopia

#3334D3

Deuteranopia

#2D24CC

Tritanopia

#09BBB5

Achromatopsia

#646464

CSS Usage

background-color: #0372F2;
color: #0372F2;
border-color: #0372F2;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F7FE
100
#DEECFC
200
#B8D9FE
300
#86BEFE
400
#459AFD
500
#0377FC
600
#025FCA
700
#024CA1
800
#023B7E
900
#062D5B
950
#041D39

Contrast Checker

Text on white

4,47:1

AA Fail AAA Fail

Text on black

4,69:1

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