#AFC894

#AFC894

Color Values

HEX

#AFC894

RGB

175, 200, 148

HSL

88.8, 32.1%, 68.2%

HSV

88.8, 26.0%, 78.4%

CMYK

12.5%, 0.0%, 26.0%, 21.6%

OKLCH

0.8007 0.0757 128.9

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#AFC894

#AD94C8

Analogous

#C8C794

#95C894

#AFC894

Triadic

#AFC894

#94AFC8

#C894AF

Split Complementary

#AFC894

#9495C8

#C794C8

Tetradic

#AFC894

#94C8C7

#AD94C8

#C89495

Color Blindness Simulation

Original

#AFC894

Protanopia

#BABAA1

Deuteranopia

#B8B6A4

Tritanopia

#B0ABAD

Achromatopsia

#BFBFBF

CSS Usage

background-color: #AFC894;
color: #AFC894;
border-color: #AFC894;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F7F9F5
100
#EDF2E8
200
#DCE7D0
300
#C3D5AE
400
#A2BF82
500
#81A857
600
#678745
700
#536C37
800
#41542B
900
#313E22
950
#1F2716

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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