#72AEBB

#72AEBB

Color Values

HEX

#72AEBB

RGB

114, 174, 187

HSL

190.7, 34.9%, 59.0%

HSV

190.7, 39.0%, 73.3%

CMYK

39.0%, 7.0%, 0.0%, 26.7%

OKLCH

0.7145 0.0648 212.8

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#72AEBB

#BB7F72

Analogous

#72BBA3

#7289BB

#72AEBB

Triadic

#72AEBB

#BB72AE

#AEBB72

Split Complementary

#72AEBB

#BB7289

#BBA372

Tetradic

#72AEBB

#A372BB

#BB7F72

#89BB72

Color Blindness Simulation

Original

#72AEBB

Protanopia

#8C8DB8

Deuteranopia

#8884B7

Tritanopia

#75B5B5

Achromatopsia

#A2A2A2

CSS Usage

background-color: #72AEBB;
color: #72AEBB;
border-color: #72AEBB;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F9FA
100
#E8F1F2
200
#CFE3E8
300
#ACD0D7
400
#80B6C2
500
#539CAC
600
#427D8A
700
#35646E
800
#2A4E56
900
#213A40
950
#152528

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

8.49: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