#A7F2F1

#A7F2F1

Color Values

HEX

#A7F2F1

RGB

167, 242, 241

HSL

179.2, 74.3%, 80.2%

HSV

179.2, 31.0%, 94.9%

CMYK

31.0%, 0.0%, 0.4%, 5.1%

OKLCH

0.9121 0.0738 194.9

Properties

Cool Light Nearest: paleturquoise 2

Color Harmonies

Complementary

#A7F2F1

#F2A7A8

Analogous

#A7F2CC

#A7CEF2

#A7F2F1

Triadic

#A7F2F1

#F1A7F2

#F2F1A7

Split Complementary

#A7F2F1

#F2A7CE

#F2CCA7

Tetradic

#A7F2F1

#CCA7F2

#F2A7A8

#CEF2A7

Color Blindness Simulation

Original

#A7F2F1

Protanopia

#C7C8F1

Deuteranopia

#C3BEF1

Tritanopia

#ABF1F1

Achromatopsia

#E2E2E2

CSS Usage

background-color: #A7F2F1;
color: #A7F2F1;
border-color: #A7F2F1;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F3FCFC
100
#E2F8F8
200
#C1F6F5
300
#94EFEE
400
#5BE7E5
500
#21DEDC
600
#1AB2B0
700
#158E8D
800
#106F6E
900
#105150
950
#0A3333

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026