#CDC907

#CDC907

Color Values

HEX

#CDC907

RGB

205, 201, 7

HSL

58,8, 93,4%, 41,6%

HSV

58,8, 96,6%, 80,4%

CMYK

0,0%, 2,0%, 96,6%, 19,6%

OKLCH

0,8126 0,1745 108,3

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CDC907

#070BCD

Analogous

#CD6607

#6ECD07

#CDC907

Triadic

#CDC907

#07CDC9

#C907CD

Split Complementary

#CDC907

#076ECD

#6607CD

Tetradic

#CDC907

#07CD66

#070BCD

#CD076E

Color Blindness Simulation

Original

#CDC907

Protanopia

#CBCB36

Deuteranopia

#CCCC41

Tritanopia

#CD5B63

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FDFBBA
300
#FBF989
400
#F9F549
500
#F7F208
600
#C5C107
700
#9E9B05
800
#7B7904
900
#595808
950
#383705

Contrast Checker

Text on white

1,76:1

AA Fail AAA Fail

Text on black

11,95: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