#A2C7BC

#A2C7BC

Color Values

HEX

#A2C7BC

RGB

162, 199, 188

HSL

162.2, 24.8%, 70.8%

HSV

162.2, 18.6%, 78.0%

CMYK

18.6%, 0.0%, 5.5%, 22.0%

OKLCH

0.7996 0.0424 175.2

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#A2C7BC

#C7A2AD

Analogous

#A2C7AA

#A2BFC7

#A2C7BC

Triadic

#A2C7BC

#BCA2C7

#C7BCA2

Split Complementary

#A2C7BC

#C7A2BF

#C7AAA2

Tetradic

#A2C7BC

#AAA2C7

#C7A2AD

#BFC7A2

Color Blindness Simulation

Original

#A2C7BC

Protanopia

#B2B2BF

Deuteranopia

#B0ADBF

Tritanopia

#A4C1C1

Achromatopsia

#BEBEBE

CSS Usage

background-color: #A2C7BC;
color: #A2C7BC;
border-color: #A2C7BC;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F6F9F8
100
#E9F1EF
200
#D2E4DF
300
#B3D1C8
400
#89B8AA
500
#609F8C
600
#4D7F70
700
#3D665A
800
#305046
900
#263B35
950
#182521

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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