#ABEDAC

#ABEDAC

Color Values

HEX

#ABEDAC

RGB

171, 237, 172

HSL

120,9, 64,7%, 80,0%

HSV

120,9, 27,8%, 92,9%

CMYK

27,8%, 0,0%, 27,4%, 7,1%

OKLCH

0,8854 0,1105 144,9

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#ABEDAC

#EDABEC

Analogous

#CBEDAB

#ABEDCD

#ABEDAC

Triadic

#ABEDAC

#ACABED

#EDACAB

Split Complementary

#ABEDAC

#CDABED

#EDABCB

Tetradic

#ABEDAC

#ABCBED

#EDABEC

#EDCDAB

Color Blindness Simulation

Original

#ABEDAC

Protanopia

#C8C8BC

Deuteranopia

#C4BFC0

Tritanopia

#AEC8CB

Achromatopsia

#DADADA

CSS Usage

background-color: #ABEDAC;
color: #ABEDAC;
border-color: #ABEDAC;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F3FCF3
100
#E3F7E4
200
#C4F2C5
300
#9AE99B
400
#64DE65
500
#2DD22F
600
#24A826
700
#1D861E
800
#176918
900
#144D15
950
#0D300D

Contrast Checker

Text on white

1,36:1

AA Fail AAA Fail

Text on black

15,44: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