#72BAF9

#72BAF9

Color Values

HEX

#72BAF9

RGB

114, 186, 249

HSL

208.0, 91.8%, 71.2%

HSV

208.0, 54.2%, 97.6%

CMYK

54.2%, 25.3%, 0.0%, 2.4%

OKLCH

0.7667 0.1163 246.4

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#72BAF9

#F9B172

Analogous

#72F9F4

#7277F9

#72BAF9

Triadic

#72BAF9

#F972BA

#BAF972

Split Complementary

#72BAF9

#F97277

#F9F472

Tetradic

#72BAF9

#F472F9

#F9B172

#77F972

Color Blindness Simulation

Original

#72BAF9

Protanopia

#9192EA

Deuteranopia

#8D88E6

Tritanopia

#76DEDB

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDDFC
300
#8AC6FA
400
#4AA6F7
500
#0A87F5
600
#086CC4
700
#07579D
800
#05447A
900
#083358
950
#052038

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

10.11:1

AA Pass AAA Pass

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