#A5FAD4

#A5FAD4

Color Values

HEX

#A5FAD4

RGB

165, 250, 212

HSL

153.2, 89.5%, 81.4%

HSV

153.2, 34.0%, 98.0%

CMYK

34.0%, 0.0%, 15.2%, 2.0%

OKLCH

0.9205 0.0981 164.5

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#A5FAD4

#FAA5CB

Analogous

#A5FAAA

#A5F5FA

#A5FAD4

Triadic

#A5FAD4

#D4A5FA

#FAD4A5

Split Complementary

#A5FAD4

#FAA5F5

#FAAAA5

Tetradic

#A5FAD4

#AAA5FA

#FAA5CB

#F5FAA5

Color Blindness Simulation

Original

#A5FAD4

Protanopia

#CACBDD

Deuteranopia

#C5BEDF

Tritanopia

#A9E4E6

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E0FBEF
200
#BBFBDF
300
#8BF9C8
400
#4CF5AA
500
#0DF28C
600
#0BC170
700
#099B59
800
#077946
900
#095735
950
#063721

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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