#54C2C6

#54C2C6

Color Values

HEX

#54C2C6

RGB

84, 194, 198

HSL

182.1, 50.0%, 55.3%

HSV

182.1, 57.6%, 77.6%

CMYK

57.6%, 2.0%, 0.0%, 22.4%

OKLCH

0.7524 0.0998 198.5

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#54C2C6

#C65854

Analogous

#54C691

#5489C6

#54C2C6

Triadic

#54C2C6

#C654C2

#C2C654

Split Complementary

#54C2C6

#C65489

#C69154

Tetradic

#54C2C6

#9154C6

#C65854

#89C654

Color Blindness Simulation

Original

#54C2C6

Protanopia

#8485C5

Deuteranopia

#7D75C5

Tritanopia

#5AC4C4

Achromatopsia

#ABABAB

CSS Usage

background-color: #54C2C6;
color: #54C2C6;
border-color: #54C2C6;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F4FAFB
100
#E6F4F5
200
#C9ECED
300
#A3DEE0
400
#71CDD0
500
#40BBBF
600
#339599
700
#29787A
800
#205D60
900
#1B4546
950
#112B2C

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

9.91:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026