#CAD390

#CAD390

Color Values

HEX

#CAD390

RGB

202, 211, 144

HSL

68.1, 43.2%, 69.6%

HSV

68.1, 31.8%, 82.7%

CMYK

4.3%, 0.0%, 31.8%, 17.3%

OKLCH

0.844 0.0881 114.5

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#CAD390

#9990D3

Analogous

#D3BB90

#A8D390

#CAD390

Triadic

#CAD390

#90CAD3

#D390CA

Split Complementary

#CAD390

#90A8D3

#BB90D3

Tetradic

#CAD390

#90D3BB

#9990D3

#D390A8

Color Blindness Simulation

Original

#CAD390

Protanopia

#CECEA0

Deuteranopia

#CDCDA4

Tritanopia

#CAADB0

Achromatopsia

#CCCCCC

CSS Usage

background-color: #CAD390;
color: #CAD390;
border-color: #CAD390;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#F9FAF5
100
#F2F4E7
200
#E7EBCC
300
#D5DCA7
400
#BEC978
500
#A8B748
600
#86923A
700
#6B752E
800
#545B24
900
#3E431E
950
#272A13

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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