colorhexa.com

#cdd916 hex color

In a RGB color space, hex #cdd916 is composed of 80.4% red, 85.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 5.5% cyan, 0% magenta, 89.9% yellow and 14.9% black. It has a hue angle of 63.7 degrees, a saturation of 81.6% and a lightness of 46.9%. #cdd916 color hex could be obtained by blending #ffff2c with #9bb300. Closest websafe color is: #cccc00.

- R 80
- G 85
- B 9
RGB color chart
- C 6
- M 0
- Y 90
- K 15
CMYK color chart

● #cdd916 color description : Vivid yellow.

The hexadecimal color #cdd916 has RGB values of R:205, G:217, B:22 and CMYK values of C:0.06, M:0, Y:0.9, K:0.15. Its decimal value is 13490454.

Hex triplet	cdd916	`#cdd916`
RGB Decimal	205, 217, 22	`rgb(205,217,22)`
RGB Percent	80.4, 85.1, 8.6	`rgb(80.4%,85.1%,8.6%)`
CMYK	6, 0, 90, 15
HSL	63.7°, 81.6, 46.9	`hsl(63.7,81.6%,46.9%)`
HSV (or HSB)	63.7°, 89.9, 85.1
Web Safe	cccc00	`#cccc00`

CIE-LAB	83.265, -23.877, 80.274
XYZ	50.134, 62.663, 10.213
xyY	0.408, 0.509, 62.663
CIE-LCH	83.265, 83.75, 106.565
CIE-LUV	83.265, -1.487, 91.123
Hunter-Lab	79.16, -25.481, 47.762
Binary	11001101, 11011001, 00010110

#cdd916
```
#cdd916 rgb(205,217,22)
```
#2216d9
```
#2216d9 rgb(34,22,217)
```

Complementary Color

#d98416
```
#d98416 rgb(217,132,22)
```
#cdd916
```
#cdd916 rgb(205,217,22)
```
#6cd916
```
#6cd916 rgb(108,217,22)
```

Analogous Color

#8416d9
```
#8416d9 rgb(132,22,217)
```
#cdd916
```
#cdd916 rgb(205,217,22)
```
#166cd9
```
#166cd9 rgb(22,108,217)
```

Split Complementary Color

#d916cd
```
#d916cd rgb(217,22,205)
```
#cdd916
```
#cdd916 rgb(205,217,22)
```
#16cdd9
```
#16cdd9 rgb(22,205,217)
```

Triadic Color

#d92216
```
#d92216 rgb(217,34,22)
```
#cdd916
```
#cdd916 rgb(205,217,22)
```
#16cdd9
```
#16cdd9 rgb(22,205,217)
```
#2216d9
```
#2216d9 rgb(34,22,217)
```

Tetradic Color

#8b940f
```
#8b940f rgb(139,148,15)
```
#a1ab11
```
#a1ab11 rgb(161,171,17)
```
#b7c214
```
#b7c214 rgb(183,194,20)
```
#cdd916
```
#cdd916 rgb(205,217,22)
```
#dce820
```
#dce820 rgb(220,232,32)
```
#e0eb37
```
#e0eb37 rgb(224,235,55)
```
#e3ed4e
```
#e3ed4e rgb(227,237,78)
```

Monochromatic Color

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

#d9b416
```
#d9b416 rgb(217,180,22)
```
#d9c516
```
#d9c516 rgb(217,197,22)
```
#d9d516
```
#d9d516 rgb(217,213,22)
```
#cdd916
```
#cdd916 rgb(205,217,22)
```
#bdd916
```
#bdd916 rgb(189,217,22)
```
#add916
```
#add916 rgb(173,217,22)
```
#9cd916
```
#9cd916 rgb(156,217,22)
```

Similar Colors

Text with hexadecimal color #cdd916

This text has a font color of #cdd916.

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

#cdd916 background color

This paragraph has a background color of #cdd916.

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

#cdd916 border color

This element has a border color of #cdd916.

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

CSS codes

.text {color:#cdd916;}

.background {background-color:#cdd916;}

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

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, #030300 is the darkest color, while #fdfef0 is the lightest one.

#030300
```
#030300 rgb(3,3,0)
```
#141502
```
#141502 rgb(20,21,2)
```
#252704
```
#252704 rgb(37,39,4)
```
#363906
```
#363906 rgb(54,57,6)
```
#464b08
```
#464b08 rgb(70,75,8)
```
#575c09
```
#575c09 rgb(87,92,9)
```
#686e0b
```
#686e0b rgb(104,110,11)
```
#79800d
```
#79800d rgb(121,128,13)
```
#8a920f
```
#8a920f rgb(138,146,15)
```
#9ba411
```
#9ba411 rgb(155,164,17)
```
#abb512
```
#abb512 rgb(171,181,18)
```
#bcc714
```
#bcc714 rgb(188,199,20)
```
#cdd916
```
#cdd916 rgb(205,217,22)
```

Shade Color Variation

#dbe81b
```
#dbe81b rgb(219,232,27)
```
#deea2d
```
#deea2d rgb(222,234,45)
```
#e1eb3e
```
#e1eb3e rgb(225,235,62)
```
#e4ed50
```
#e4ed50 rgb(228,237,80)
```
#e6ef62
```
#e6ef62 rgb(230,239,98)
```
#e9f174
```
#e9f174 rgb(233,241,116)
```
#ecf386
```
#ecf386 rgb(236,243,134)
```
#eff497
```
#eff497 rgb(239,244,151)
```
#f2f6a9
```
#f2f6a9 rgb(242,246,169)
```
#f4f8bb
```
#f4f8bb rgb(244,248,187)
```
#f7facd
```
#f7facd rgb(247,250,205)
```
#fafcdf
```
#fafcdf rgb(250,252,223)
```
#fdfef0
```
#fdfef0 rgb(253,254,240)
```

Tint Color Variation

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

#7c7d72
```
#7c7d72 rgb(124,125,114)
```
#848669
```
#848669 rgb(132,134,105)
```
#8d8f60
```
#8d8f60 rgb(141,143,96)
```
#959956
```
#959956 rgb(149,153,86)
```
#9da24d
```
#9da24d rgb(157,162,77)
```
#a5ab44
```
#a5ab44 rgb(165,171,68)
```
#adb43b
```
#adb43b rgb(173,180,59)
```
#b5bd32
```
#b5bd32 rgb(181,189,50)
```
#bdc728
```
#bdc728 rgb(189,199,40)
```
#c5d01f
```
#c5d01f rgb(197,208,31)
```
#cdd916
```
#cdd916 rgb(205,217,22)
```
#d5e20d
```
#d5e20d rgb(213,226,13)
```
#ddeb04
```
#ddeb04 rgb(221,235,4)
```

Tone Color Variation

Below, you can see how #cdd916 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

#bfbfbf Achromatopsia 0.005% of the population
#c2c49d Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd21f Protanopia 1% of men
#ffc965 Deuteranopia 1% of men
#dfccda Tritanopia 0.001% of the population

Trichromacy

#e0d41b Protanomaly 1% of men, 0.01% of women
#eccf48 Deuteranomaly 6% of men, 0.4% of women
#d8d193 Tritanomaly 0.01% of the population