#84C3BC

#84C3BC

Color Values

HEX

#84C3BC

RGB

132, 195, 188

HSL

173.3, 34.4%, 64.1%

HSV

173.3, 32.3%, 76.5%

CMYK

32.3%, 0.0%, 3.6%, 23.5%

OKLCH

0.7725 0.0653 187.2

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#84C3BC

#C3848B

Analogous

#84C39C

#84AAC3

#84C3BC

Triadic

#84C3BC

#BC84C3

#C3BC84

Split Complementary

#84C3BC

#C384AA

#C39C84

Tetradic

#84C3BC

#9C84C3

#C3848B

#AAC384

Color Blindness Simulation

Original

#84C3BC

Protanopia

#9FA0BE

Deuteranopia

#9C97BE

Tritanopia

#87BFBF

Achromatopsia

#B5B5B5

CSS Usage

background-color: #84C3BC;
color: #84C3BC;
border-color: #84C3BC;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F5FAF9
100
#E8F2F1
200
#CFE8E5
300
#ADD7D2
400
#80C1BA
500
#54ABA2
600
#438981
700
#366E67
800
#2A5651
900
#213F3C
950
#152826

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

10.51:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026