#ACEAB0

#ACEAB0

Color Values

HEX

#ACEAB0

RGB

172, 234, 176

HSL

123.9, 59.6%, 79.6%

HSV

123.9, 26.5%, 91.8%

CMYK

26.5%, 0.0%, 24.8%, 8.2%

OKLCH

0.8801 0.101 146.3

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#ACEAB0

#EAACE6

Analogous

#C7EAAC

#ACEACF

#ACEAB0

Triadic

#ACEAB0

#B0ACEA

#EAB0AC

Split Complementary

#ACEAB0

#CFACEA

#EAACC7

Tetradic

#ACEAB0

#ACC7EA

#EAACE6

#EACFAC

Color Blindness Simulation

Original

#ACEAB0

Protanopia

#C7C7BE

Deuteranopia

#C3BFC1

Tritanopia

#AFC9CC

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F3FBF4
100
#E4F6E5
200
#C6F1C9
300
#9DE6A2
400
#68D970
500
#34CB3D
600
#29A331
700
#218227
800
#1A661F
900
#164A1A
950
#0E2F10

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.15:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026