#84CBB7

#84CBB7

Color Values

HEX

#84CBB7

RGB

132, 203, 183

HSL

163.1, 40.6%, 65.7%

HSV

163.1, 35.0%, 79.6%

CMYK

35.0%, 0.0%, 9.9%, 20.4%

OKLCH

0.7894 0.0773 174.5

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#84CBB7

#CB8498

Analogous

#84CB94

#84BCCB

#84CBB7

Triadic

#84CBB7

#B784CB

#CBB784

Split Complementary

#84CBB7

#CB84BC

#CB9484

Tetradic

#84CBB7

#9484CB

#CB8498

#BCCB84

Color Blindness Simulation

Original

#84CBB7

Protanopia

#A3A3BC

Deuteranopia

#9F99BD

Tritanopia

#88C0C0

Achromatopsia

#BABABA

CSS Usage

background-color: #84CBB7;
color: #84CBB7;
border-color: #84CBB7;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F5FAF9
100
#E7F3F0
200
#CDEAE2
300
#A9DBCD
400
#7AC7B1
500
#4CB396
600
#3D8F78
700
#307360
800
#265A4B
900
#1F4238
950
#132A23

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

11.21:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026