#AFC390

#AFC390

Color Values

HEX

#AFC390

RGB

175, 195, 144

HSL

83.5, 29.8%, 66.5%

HSV

83.5, 26.2%, 76.5%

CMYK

10.3%, 0.0%, 26.2%, 23.5%

OKLCH

0.7889 0.0727 125.4

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#AFC390

#A490C3

Analogous

#C3BE90

#96C390

#AFC390

Triadic

#AFC390

#90AFC3

#C390AF

Split Complementary

#AFC390

#9096C3

#BE90C3

Tetradic

#AFC390

#90C3BE

#A490C3

#C39096

Color Blindness Simulation

Original

#AFC390

Protanopia

#B8B89C

Deuteranopia

#B6B59F

Tritanopia

#B0A6A8

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F8F9F5
100
#EEF2E9
200
#DEE6D1
300
#C6D4B0
400
#A7BD85
500
#88A55A
600
#6D8448
700
#576A39
800
#44532D
900
#333D23
950
#202716

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

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