#A7EDCF

#A7EDCF

Color Values

HEX

#A7EDCF

RGB

167, 237, 207

HSL

154.3, 66.0%, 79.2%

HSV

154.3, 29.5%, 92.9%

CMYK

29.5%, 0.0%, 12.7%, 7.1%

OKLCH

0.8914 0.0815 166.1

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#A7EDCF

#EDA7C5

Analogous

#A7EDAC

#A7E8ED

#A7EDCF

Triadic

#A7EDCF

#CFA7ED

#EDCFA7

Split Complementary

#A7EDCF

#EDA7E8

#EDACA7

Tetradic

#A7EDCF

#ACA7ED

#EDA7C5

#E8EDA7

Color Blindness Simulation

Original

#A7EDCF

Protanopia

#C5C6D6

Deuteranopia

#C1BCD8

Tritanopia

#AADCDD

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E3F7EF
200
#C4F3DF
300
#99EAC8
400
#62DFAA
500
#2BD48C
600
#23A970
700
#1C8759
800
#166A46
900
#144D35
950
#0C3121

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

15.66:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026