#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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026