#A2CBA0

#A2CBA0

Color Values

HEX

#A2CBA0

RGB

162, 203, 160

HSL

117.2, 29.3%, 71.2%

HSV

117.2, 21.2%, 79.6%

CMYK

20.2%, 0.0%, 21.2%, 20.4%

OKLCH

0.8011 0.0739 143.7

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#A2CBA0

#C9A0CB

Analogous

#B8CBA0

#A0CBB4

#A2CBA0

Triadic

#A2CBA0

#A0A2CB

#CBA0A2

Split Complementary

#A2CBA0

#B4A0CB

#CBA0B8

Tetradic

#A2CBA0

#A0B8CB

#C9A0CB

#CBB4A0

Color Blindness Simulation

Original

#A2CBA0

Protanopia

#B4B4AA

Deuteranopia

#B1AEAD

Tritanopia

#A4B3B4

Achromatopsia

#BFBFBF

CSS Usage

background-color: #A2CBA0;
color: #A2CBA0;
border-color: #A2CBA0;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F6F9F5
100
#E9F2E9
200
#D2E6D1
300
#B2D4B0
400
#88BC85
500
#5EA55A
600
#4B8448
700
#3C6A3A
800
#2F522D
900
#253D24
950
#172717

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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