#CED03D

#CED03D

Color Values

HEX

#CED03D

RGB

206, 208, 61

HSL

60.8, 61.0%, 52.7%

HSV

60.8, 70.7%, 81.6%

CMYK

1.0%, 0.0%, 70.7%, 18.4%

OKLCH

0.8306 0.1618 110.2

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#CED03D

#3F3DD0

Analogous

#D0883D

#84D03D

#CED03D

Triadic

#CED03D

#3DCED0

#D03DCE

Split Complementary

#CED03D

#3D84D0

#883DD0

Tetradic

#CED03D

#3DD088

#3F3DD0

#D03D84

Color Blindness Simulation

Original

#CED03D

Protanopia

#CFCF61

Deuteranopia

#CFCF69

Tritanopia

#CE7D83

Achromatopsia

#C5C5C5

CSS Usage

background-color: #CED03D;
color: #CED03D;
border-color: #CED03D;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F0F1C6
300
#E6E79C
400
#D9DA67
500
#CBCD32
600
#A3A428
700
#828320
800
#666719
900
#4A4B16
950
#2F2F0E

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.71:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026