#CFD18E

#CFD18E

Color Values

HEX

#CFD18E

RGB

207, 209, 142

HSL

61.8, 42.1%, 68.8%

HSV

61.8, 32.1%, 82.0%

CMYK

1.0%, 0.0%, 32.1%, 18.0%

OKLCH

0.8434 0.0872 109.6

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#CFD18E

#908ED1

Analogous

#D1B18E

#ADD18E

#CFD18E

Triadic

#CFD18E

#8ECFD1

#D18ECF

Split Complementary

#CFD18E

#8EADD1

#B18ED1

Tetradic

#CFD18E

#8ED1B1

#908ED1

#D18EAD

Color Blindness Simulation

Original

#CFD18E

Protanopia

#D0D09E

Deuteranopia

#D0D0A2

Tritanopia

#CFABAE

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F4E7
200
#E9EACC
300
#DADCA8
400
#C6C879
500
#B2B54A
600
#8E913B
700
#72742F
800
#595B25
900
#42431E
950
#292A13

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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