#AFCF96

#AFCF96

Color Values

HEX

#AFCF96

RGB

175, 207, 150

HSL

93.7, 37.3%, 70.0%

HSV

93.7, 27.5%, 81.2%

CMYK

15.5%, 0.0%, 27.5%, 18.8%

OKLCH

0.8166 0.0845 131.9

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#AFCF96

#B696CF

Analogous

#CCCF96

#96CF99

#AFCF96

Triadic

#AFCF96

#96AFCF

#CF96AF

Split Complementary

#AFCF96

#9996CF

#CF96CC

Tetradic

#AFCF96

#96CCCF

#B696CF

#CF9996

Color Blindness Simulation

Original

#AFCF96

Protanopia

#BDBDA4

Deuteranopia

#BBB9A7

Tritanopia

#B1AFB1

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#DAE9CE
300
#BFD9AB
400
#9CC47D
500
#7AAF50
600
#618C40
700
#4E7033
800
#3D5828
900
#2E4120
950
#1D2914

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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