#CED46F

#CED46F

Color Values

HEX

#CED46F

RGB

206, 212, 111

HSL

63.6, 54.0%, 63.3%

HSV

63.6, 47.6%, 83.1%

CMYK

2.8%, 0.0%, 47.6%, 16.9%

OKLCH

0.8441 0.1253 111.8

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#CED46F

#756FD4

Analogous

#D4A76F

#9BD46F

#CED46F

Triadic

#CED46F

#6FCED4

#D46FCE

Split Complementary

#CED46F

#6F9BD4

#A76FD4

Tetradic

#CED46F

#6FD4A7

#756FD4

#D46F9B

Color Blindness Simulation

Original

#CED46F

Protanopia

#D1D187

Deuteranopia

#D0D08D

Tritanopia

#CE9B9F

Achromatopsia

#CBCBCB

CSS Usage

background-color: #CED46F;
color: #CED46F;
border-color: #CED46F;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FAFBF4
100
#F4F5E5
200
#ECEFC8
300
#DFE3A1
400
#CDD46E
500
#BCC43B
600
#969D2F
700
#787E26
800
#5E621D
900
#454819
950
#2C2D10

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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