#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026