#cdd300 hex color

In a RGB color space, hex #cdd300 is composed of 80.4% red, 82.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 100% yellow and 17.3% black. It has a hue angle of 61.7 degrees, a saturation of 100% and a lightness of 41.4%. #cdd300 color hex could be obtained by blending #ffff00 with #9ba700. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 80
- G 83
- B 0
RGB color chart
- C 3
- M 0
- Y 100
- K 17
CMYK color chart

● #cdd300 color description : Strong yellow.

The hexadecimal color #cdd300 has RGB values of R:205, G:211, B:0 and CMYK values of C:0.03, M:0, Y:1, K:0.17. Its decimal value is 13488896.

Hex triplet	cdd300	`#cdd300`
RGB Decimal	205, 211, 0	`rgb(205,211,0)`
RGB Percent	80.4, 82.7, 0	`rgb(80.4%,82.7%,0%)`
CMYK	3, 0, 100, 17
HSL	61.7°, 100, 41.4	`hsl(61.7,100%,41.4%)`
HSV (or HSB)	61.7°, 100, 82.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	81.603, -21.232, 81.339
XYZ	48.471, 59.568, 8.945
xyY	0.414, 0.509, 59.568
CIE-LCH	81.603, 84.064, 104.629
CIE-LUV	81.603, 2.422, 90.2
Hunter-Lab	77.181, -22.964, 47.155
Binary	11001101, 11010011, 00000000

#cdd300
```
#cdd300 rgb(205,211,0)
```
#0600d3
```
#0600d3 rgb(6,0,211)
```

Complementary Color

#d37000
```
#d37000 rgb(211,112,0)
```
#cdd300
```
#cdd300 rgb(205,211,0)
```
#64d300
```
#64d300 rgb(100,211,0)
```

Analogous Color

#7000d3
```
#7000d3 rgb(112,0,211)
```
#cdd300
```
#cdd300 rgb(205,211,0)
```
#0064d3
```
#0064d3 rgb(0,100,211)
```

Split Complementary Color

#d300cd
```
#d300cd rgb(211,0,205)
```
#cdd300
```
#cdd300 rgb(205,211,0)
```
#00cdd3
```
#00cdd3 rgb(0,205,211)
```

Triadic Color

#d30600
```
#d30600 rgb(211,6,0)
```
#cdd300
```
#cdd300 rgb(205,211,0)
```
#00cdd3
```
#00cdd3 rgb(0,205,211)
```
#0600d3
```
#0600d3 rgb(6,0,211)
```

Tetradic Color

#838700
```
#838700 rgb(131,135,0)
```
#9ba000
```
#9ba000 rgb(155,160,0)
```
#b4ba00
```
#b4ba00 rgb(180,186,0)
```
#cdd300
```
#cdd300 rgb(205,211,0)
```
#e6ed00
```
#e6ed00 rgb(230,237,0)
```
#f8ff07
```
#f8ff07 rgb(248,255,7)
```
#f9ff21
```
#f9ff21 rgb(249,255,33)
```

Monochromatic Color

Below, you can see some colors close to #cdd300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#d3a400
```
#d3a400 rgb(211,164,0)
```
#d3b600
```
#d3b600 rgb(211,182,0)
```
#d3c700
```
#d3c700 rgb(211,199,0)
```
#cdd300
```
#cdd300 rgb(205,211,0)
```
#bbd300
```
#bbd300 rgb(187,211,0)
```
#aad300
```
#aad300 rgb(170,211,0)
```
#98d300
```
#98d300 rgb(152,211,0)
```

Similar Colors

Text with hexadecimal color #cdd300

This text has a font color of #cdd300.

<span style="color:#cdd300;">Text here</span>

#cdd300 background color

This paragraph has a background color of #cdd300.

<p style="background-color:#cdd300;">Content here</p>

#cdd300 border color

This element has a border color of #cdd300.

<div style="border:1px solid #cdd300;">Content here</div>

CSS codes

.text {color:#cdd300;}

.background {background-color:#cdd300;}

.border {border:1px solid #cdd300;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #0e0f00 is the darkest color, while #fffffa is the lightest one.

#0e0f00
```
#0e0f00 rgb(14,15,0)
```
#212200
```
#212200 rgb(33,34,0)
```
#353600
```
#353600 rgb(53,54,0)
```
#484a00
```
#484a00 rgb(72,74,0)
```
#5b5d00
```
#5b5d00 rgb(91,93,0)
```
#6e7100
```
#6e7100 rgb(110,113,0)
```
#818500
```
#818500 rgb(129,133,0)
```
#949800
```
#949800 rgb(148,152,0)
```
#a7ac00
```
#a7ac00 rgb(167,172,0)
```
#babf00
```
#babf00 rgb(186,191,0)
```
#cdd300
```
#cdd300 rgb(205,211,0)
```
#e0e700
```
#e0e700 rgb(224,231,0)
```
#f3fa00
```
#f3fa00 rgb(243,250,0)
```

Shade Color Variation

#f8ff0f
```
#f8ff0f rgb(248,255,15)
```
#f9ff22
```
#f9ff22 rgb(249,255,34)
```
#f9ff36
```
#f9ff36 rgb(249,255,54)
```
#faff4a
```
#faff4a rgb(250,255,74)
```
#faff5d
```
#faff5d rgb(250,255,93)
```
#fbff71
```
#fbff71 rgb(251,255,113)
```
#fcff85
```
#fcff85 rgb(252,255,133)
```
#fcff98
```
#fcff98 rgb(252,255,152)
```
#fdffac
```
#fdffac rgb(253,255,172)
```
#fdffbf
```
#fdffbf rgb(253,255,191)
```
#feffd3
```
#feffd3 rgb(254,255,211)
```
#feffe7
```
#feffe7 rgb(254,255,231)
```
#fffffa
```
#fffffa rgb(255,255,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717261 is the less saturated color, while #cdd300 is the most saturated one.

#717261
```
#717261 rgb(113,114,97)
```
#797a59
```
#797a59 rgb(121,122,89)
```
#808251
```
#808251 rgb(128,130,81)
```
#888a49
```
#888a49 rgb(136,138,73)
```
#909241
```
#909241 rgb(144,146,65)
```
#979a39
```
#979a39 rgb(151,154,57)
```
#9fa231
```
#9fa231 rgb(159,162,49)
```
#a7aa29
```
#a7aa29 rgb(167,170,41)
```
#aeb320
```
#aeb320 rgb(174,179,32)
```
#b6bb18
```
#b6bb18 rgb(182,187,24)
```
#bec310
```
#bec310 rgb(190,195,16)
```
#c5cb08
```
#c5cb08 rgb(197,203,8)
```
#cdd300
```
#cdd300 rgb(205,211,0)
```

Tone Color Variation

Below, you can see how #cdd300 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#b9b9b9 Achromatopsia 0.005% of the population
#bdbe94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6cd00 Protanopia 1% of men
#ffc43e Deuteranopia 1% of men
#dec7d5 Tritanopia 0.001% of the population

Trichromacy

#ddcf00 Protanomaly 1% of men, 0.01% of women
#ecc927 Deuteranomaly 6% of men, 0.4% of women
#d8cb87 Tritanomaly 0.01% of the population

#cdd300 hex color

#cdd300 Color Information

#cdd300 Color Conversion

Color Schemes with #cdd300

Alternatives to #cdd300

#cdd300 Preview

Shades and Tints of #cdd300

Tones of #cdd300

Color Blindness Simulator