#CDD138

#CDD138

Color Values

HEX

#CDD138

RGB

205, 209, 56

HSL

61.6, 62.4%, 52.0%

HSV

61.6, 73.2%, 82.0%

CMYK

1.9%, 0.0%, 73.2%, 18.0%

OKLCH

0.8316 0.1659 111.0

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#CDD138

#3C38D1

Analogous

#D18938

#81D138

#CDD138

Triadic

#CDD138

#38CDD1

#D138CD

Split Complementary

#CDD138

#3881D1

#8938D1

Tetradic

#CDD138

#38D189

#3C38D1

#D13881

Color Blindness Simulation

Original

#CDD138

Protanopia

#CFCF5D

Deuteranopia

#CECE66

Tritanopia

#CD7A81

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F7E4
200
#F0F2C5
300
#E6E89C
400
#D8DC66
500
#CBCF30
600
#A2A626
700
#82851F
800
#656818
900
#4A4C15
950
#2F300D

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

12.77:1

AA Pass AAA Pass

Related Articles

Tutorials

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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026