#72B0F2

#72B0F2

Color Values

HEX

#72B0F2

RGB

114, 176, 242

HSL

210.9, 83.1%, 69.8%

HSV

210.9, 52.9%, 94.9%

CMYK

52.9%, 27.3%, 0.0%, 5.1%

OKLCH

0.7418 0.1157 251.0

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#72B0F2

#F2B472

Analogous

#72F0F2

#7472F2

#72B0F2

Triadic

#72B0F2

#F272B0

#B0F272

Split Complementary

#72B0F2

#F27472

#F0F272

Tetradic

#72B0F2

#F272F0

#F2B472

#72F274

Color Blindness Simulation

Original

#72B0F2

Protanopia

#8D8DE2

Deuteranopia

#8985DE

Tritanopia

#75D5D3

Achromatopsia

#A8A8A8

CSS Usage

background-color: #72B0F2;
color: #72B0F2;
border-color: #72B0F2;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDAF9
300
#8FC0F5
400
#529EEF
500
#167CE9
600
#1163BB
700
#0E5095
800
#0B3E75
900
#0C2F55
950
#081E35

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.21:1

AA Pass AAA Pass

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