#72B4F4

#72B4F4

Color Values

HEX

#72B4F4

RGB

114, 180, 244

HSL

209.5, 85.5%, 70.2%

HSV

209.5, 53.3%, 95.7%

CMYK

53.3%, 26.2%, 0.0%, 4.3%

OKLCH

0.7514 0.1149 248.9

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#72B4F4

#F4B272

Analogous

#72F4F3

#7273F4

#72B4F4

Triadic

#72B4F4

#F472B4

#B4F472

Split Complementary

#72B4F4

#F47273

#F4F372

Tetradic

#72B4F4

#F372F4

#F4B272

#73F472

Color Blindness Simulation

Original

#72B4F4

Protanopia

#8F8FE5

Deuteranopia

#8B86E1

Tritanopia

#75D8D6

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDCFA
300
#8DC3F6
400
#50A2F1
500
#1281ED
600
#0F67BD
700
#0C5397
800
#094176
900
#0B3156
950
#071F36

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

9.55:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026