#72AEEE

#72AEEE

Color Values

HEX

#72AEEE

RGB

114, 174, 238

HSL

211,0, 78,5%, 69,0%

HSV

211,0, 52,1%, 93,3%

CMYK

52,1%, 26,9%, 0,0%, 6,7%

OKLCH

0,7356 0,1124 251,1

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#72AEEE

#EEB272

Analogous

#72ECEE

#7472EE

#72AEEE

Triadic

#72AEEE

#EE72AE

#AEEE72

Split Complementary

#72AEEE

#EE7472

#ECEE72

Tetradic

#72AEEE

#EE72EC

#EEB272

#72EE74

Color Blindness Simulation

Original

#72AEEE

Protanopia

#8C8DDF

Deuteranopia

#8884DB

Tritanopia

#75D2D0

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1EDF9
200
#BFDAF7
300
#92C0F2
400
#579EEB
500
#1B7CE4
600
#1663B6
700
#124F92
800
#0E3E72
900
#0E2F53
950
#091E34

Contrast Checker

Text on white

2,33:1

AA Fail AAA Fail

Text on black

9,0: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