#CAD18F

#CAD18F

Color Values

HEX

#CAD18F

RGB

202, 209, 143

HSL

66.4, 41.8%, 69.0%

HSV

66.4, 31.6%, 82.0%

CMYK

3.3%, 0.0%, 31.6%, 18.0%

OKLCH

0.8396 0.0867 113.2

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#CAD18F

#968FD1

Analogous

#D1B78F

#A9D18F

#CAD18F

Triadic

#CAD18F

#8FCAD1

#D18FCA

Split Complementary

#CAD18F

#8FA9D1

#B78FD1

Tetradic

#CAD18F

#8FD1B7

#968FD1

#D18FA9

Color Blindness Simulation

Original

#CAD18F

Protanopia

#CDCD9F

Deuteranopia

#CDCCA3

Tritanopia

#CAACAE

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F2F3E7
200
#E7EACC
300
#D6DBA8
400
#C0C879
500
#A9B54A
600
#88913B
700
#6C742F
800
#555A25
900
#3F431E
950
#282A13

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

13.03:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026