#A3CBA4

#A3CBA4

Color Values

HEX

#A3CBA4

RGB

163, 203, 164

HSL

121.5, 27.8%, 71.8%

HSV

121.5, 19.7%, 79.6%

CMYK

19.7%, 0.0%, 19.2%, 20.4%

OKLCH

0.8027 0.069 145.5

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#A3CBA4

#CBA3CA

Analogous

#B6CBA3

#A3CBB8

#A3CBA4

Triadic

#A3CBA4

#A4A3CB

#CBA4A3

Split Complementary

#A3CBA4

#B8A3CB

#CBA3B6

Tetradic

#A3CBA4

#A3B6CB

#CBA3CA

#CBB8A3

Color Blindness Simulation

Original

#A3CBA4

Protanopia

#B4B5AD

Deuteranopia

#B2AFB0

Tritanopia

#A5B5B7

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#E9F1E9
200
#D1E5D2
300
#B1D3B2
400
#86BB88
500
#5CA35E
600
#4A824B
700
#3B683C
800
#2E512F
900
#243D25
950
#172617

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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