#AECF6C

#AECF6C

Color Values

HEX

#AECF6C

RGB

174, 207, 108

HSL

80.0, 50.8%, 61.8%

HSV

80.0, 47.8%, 81.2%

CMYK

15.9%, 0.0%, 47.8%, 18.8%

OKLCH

0.8086 0.1317 124.5

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#AECF6C

#8D6CCF

Analogous

#CFBF6C

#7DCF6C

#AECF6C

Triadic

#AECF6C

#6CAECF

#CF6CAE

Split Complementary

#AECF6C

#6C7DCF

#BF6CCF

Tetradic

#AECF6C

#6CCFBF

#8D6CCF

#CF6C7D

Color Blindness Simulation

Original

#AECF6C

Protanopia

#BCBD84

Deuteranopia

#BAB88A

Tritanopia

#B0979B

Achromatopsia

#C1C1C1

CSS Usage

background-color: #AECF6C;
color: #AECF6C;
border-color: #AECF6C;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FBF4
100
#F0F5E5
200
#E1EDC9
300
#CCE1A3
400
#B1D171
500
#95C03F
600
#779A32
700
#5F7B28
800
#4B601F
900
#38471A
950
#232D11

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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