#A7FAD4

#A7FAD4

Color Values

HEX

#A7FAD4

RGB

167, 250, 212

HSL

152.5, 89.2%, 81.8%

HSV

152.5, 33.2%, 98.0%

CMYK

33.2%, 0.0%, 15.2%, 2.0%

OKLCH

0.9215 0.0966 164.1

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#A7FAD4

#FAA7CD

Analogous

#A7FAAB

#A7F7FA

#A7FAD4

Triadic

#A7FAD4

#D4A7FA

#FAD4A7

Split Complementary

#A7FAD4

#FAA7F7

#FAABA7

Tetradic

#A7FAD4

#ABA7FA

#FAA7CD

#F7FAA7

Color Blindness Simulation

Original

#A7FAD4

Protanopia

#CBCCDD

Deuteranopia

#C6C0DF

Tritanopia

#ABE4E6

Achromatopsia

#E6E6E6

CSS Usage

background-color: #A7FAD4;
color: #A7FAD4;
border-color: #A7FAD4;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F2FDF8
100
#E0FBEE
200
#BBFBDE
300
#8BF8C6
400
#4CF5A8
500
#0EF189
600
#0BC16E
700
#099A58
800
#077944
900
#0A5734
950
#063721

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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