#ABECAF

#ABECAF

Color Values

HEX

#ABECAF

RGB

171, 236, 175

HSL

123.7, 63.1%, 79.8%

HSV

123.7, 27.5%, 92.5%

CMYK

27.5%, 0.0%, 25.8%, 7.5%

OKLCH

0.8838 0.1058 146.1

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#ABECAF

#ECABE8

Analogous

#C7ECAB

#ABECCF

#ABECAF

Triadic

#ABECAF

#AFABEC

#ECAFAB

Split Complementary

#ABECAF

#CFABEC

#ECABC7

Tetradic

#ABECAF

#ABC7EC

#ECABE8

#ECCFAB

Color Blindness Simulation

Original

#ABECAF

Protanopia

#C7C8BE

Deuteranopia

#C3BEC1

Tritanopia

#AEC9CC

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F3FBF4
100
#E4F7E5
200
#C5F2C8
300
#9BE8A0
400
#65DC6C
500
#2FD039
600
#26A62E
700
#1E8524
800
#18681C
900
#154C18
950
#0D300F

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.35:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026