Tailwind CSS Colors

Emerald 200

#A7F3D0

Tailwind classes

Backgroundbg-emerald-200
Texttext-emerald-200
Borderborder-emerald-200
Ringring-emerald-200

CSS Values

HEX#A7F3D0
RGBrgb(167, 243, 208)
HSLhsl(152, 76%, 80%)
HSL (modern)hsl(152deg 76% 80%)
OKLCHoklch(90.5% 0.0895 164deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.28:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 16.37:1AA: PassAAA: PassAA Large: Pass

Other Emerald shades

Nearest Named Colors

See all
Open Color
teal-2
Material Design
green-a100
Bootstrap 5
teal-200
Radix Colors
mint-5
RAL Classic
6019
Ant Design
cyan-2
CSS Named
aquamarine
Crayola
sea-green
Munsell
N-9
iOS HIG
quaternary-label