#0072F3

#0072F3

Color Values

HEX

#0072F3

RGB

0, 114, 243

HSL

211.9, 100.0%, 47.6%

HSV

211.9, 100.0%, 95.3%

CMYK

100.0%, 53.1%, 0.0%, 4.7%

OKLCH

0.5772 0.2122 257.8

Properties

Cool Light Nearest: Blue

Color Harmonies

Complementary

#0072F3

#F38100

Analogous

#00EBF3

#0800F3

#0072F3

Triadic

#0072F3

#F30072

#72F300

Split Complementary

#0072F3

#F30800

#EBF300

Tetradic

#0072F3

#F300EB

#F38100

#00F308

Color Blindness Simulation

Original

#0072F3

Protanopia

#3132D4

Deuteranopia

#2B22CC

Tritanopia

#06BBB6

Achromatopsia

#636363

CSS Usage

background-color: #0072F3;
color: #0072F3;
border-color: #0072F3;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F7FE
100
#DEECFC
200
#B8D9FF
300
#85BEFF
400
#429BFF
500
#0077FF
600
#0060CC
700
#004CA3
800
#003C80
900
#052E5C
950
#031D3A

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

4.7:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026