#72BCB6

#72BCB6

Color Values

HEX

#72BCB6

RGB

114, 188, 182

HSL

175.1, 35.6%, 59.2%

HSV

175.1, 39.4%, 73.7%

CMYK

39.4%, 0.0%, 3.2%, 26.3%

OKLCH

0.7452 0.0747 189.1

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#72BCB6

#BC7278

Analogous

#72BC91

#729DBC

#72BCB6

Triadic

#72BCB6

#B672BC

#BCB672

Split Complementary

#72BCB6

#BC729D

#BC9172

Tetradic

#72BCB6

#9172BC

#BC7278

#9DBC72

Color Blindness Simulation

Original

#72BCB6

Protanopia

#9293B7

Deuteranopia

#8E88B8

Tritanopia

#76B9B9

Achromatopsia

#ACACAC

CSS Usage

background-color: #72BCB6;
color: #72BCB6;
border-color: #72BCB6;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF9
100
#E8F3F2
200
#CFE8E6
300
#ACD8D4
400
#7FC2BD
500
#52ADA5
600
#428A84
700
#356F6A
800
#295653
900
#21403D
950
#152827

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

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