colorhexa.com

#cdd371 hex color

In a RGB color space, hex #cdd371 is composed of 80.4% red, 82.7% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 46.4% yellow and 17.3% black. It has a hue angle of 63.7 degrees, a saturation of 52.7% and a lightness of 63.5%. #cdd371 color hex could be obtained by blending #ffffe2 with #9ba700. Closest websafe color is: #cccc66.

- R 80
- G 83
- B 44
RGB color chart
- C 3
- M 0
- Y 46
- K 17
CMYK color chart

● #cdd371 color description : Slightly desaturated yellow.

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

Hex triplet	cdd371	`#cdd371`
RGB Decimal	205, 211, 113	`rgb(205,211,113)`
RGB Percent	80.4, 82.7, 44.3	`rgb(80.4%,82.7%,44.3%)`
CMYK	3, 0, 46, 17
HSL	63.7°, 52.7, 63.5	`hsl(63.7,52.7%,63.5%)`
HSV (or HSB)	63.7°, 46.4, 82.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	82.25, -15.995, 47.52
XYZ	51.451, 60.76, 24.639
xyY	0.376, 0.444, 60.76
CIE-LCH	82.25, 50.139, 108.603
CIE-LUV	82.25, 0.711, 63.203
Hunter-Lab	77.949, -18.589, 35.823
Binary	11001101, 11010011, 01110001

#cdd371
```
#cdd371 rgb(205,211,113)
```
#7771d3
```
#7771d3 rgb(119,113,211)
```

Complementary Color

#d3a871
```
#d3a871 rgb(211,168,113)
```
#cdd371
```
#cdd371 rgb(205,211,113)
```
#9cd371
```
#9cd371 rgb(156,211,113)
```

Analogous Color

#a871d3
```
#a871d3 rgb(168,113,211)
```
#cdd371
```
#cdd371 rgb(205,211,113)
```
#719cd3
```
#719cd3 rgb(113,156,211)
```

Split Complementary Color

#d371cd
```
#d371cd rgb(211,113,205)
```
#cdd371
```
#cdd371 rgb(205,211,113)
```
#71cdd3
```
#71cdd3 rgb(113,205,211)
```

Triadic Color

#d37771
```
#d37771 rgb(211,119,113)
```
#cdd371
```
#cdd371 rgb(205,211,113)
```
#71cdd3
```
#71cdd3 rgb(113,205,211)
```
#7771d3
```
#7771d3 rgb(119,113,211)
```

Tetradic Color

#b5bd3b
```
#b5bd3b rgb(181,189,59)
```
#bfc74a
```
#bfc74a rgb(191,199,74)
```
#c6cd5e
```
#c6cd5e rgb(198,205,94)
```
#cdd371
```
#cdd371 rgb(205,211,113)
```
#d4d984
```
#d4d984 rgb(212,217,132)
```
#dbdf98
```
#dbdf98 rgb(219,223,152)
```
#e2e5ab
```
#e2e5ab rgb(226,229,171)
```

Monochromatic Color

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

#d3c171
```
#d3c171 rgb(211,193,113)
```
#d3c971
```
#d3c971 rgb(211,201,113)
```
#d3d171
```
#d3d171 rgb(211,209,113)
```
#cdd371
```
#cdd371 rgb(205,211,113)
```
#c5d371
```
#c5d371 rgb(197,211,113)
```
#bdd371
```
#bdd371 rgb(189,211,113)
```
#b5d371
```
#b5d371 rgb(181,211,113)
```

Similar Colors

Text with hexadecimal color #cdd371

This text has a font color of #cdd371.

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

#cdd371 background color

This paragraph has a background color of #cdd371.

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

#cdd371 border color

This element has a border color of #cdd371.

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

CSS codes

.text {color:#cdd371;}

.background {background-color:#cdd371;}

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

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

#070802
```
#070802 rgb(7,8,2)
```
#161707
```
#161707 rgb(22,23,7)
```
#24260c
```
#24260c rgb(36,38,12)
```
#323510
```
#323510 rgb(50,53,16)
```
#414415
```
#414415 rgb(65,68,21)
```
#4f531a
```
#4f531a rgb(79,83,26)
```
#5d621e
```
#5d621e rgb(93,98,30)
```
#6c7123
```
#6c7123 rgb(108,113,35)
```
#7a8028
```
#7a8028 rgb(122,128,40)
```
#898f2c
```
#898f2c rgb(137,143,44)
```
#979e31
```
#979e31 rgb(151,158,49)
```
#a5ac35
```
#a5ac35 rgb(165,172,53)
```
#b4bb3a
```
#b4bb3a rgb(180,187,58)
```

Shade Color Variation

#bdc544
```
#bdc544 rgb(189,197,68)
```
#c2ca53
```
#c2ca53 rgb(194,202,83)
```
#c8ce62
```
#c8ce62 rgb(200,206,98)
```
#cdd371
```
#cdd371 rgb(205,211,113)
```
#d2d880
```
#d2d880 rgb(210,216,128)
```
#d8dc8f
```
#d8dc8f rgb(216,220,143)
```
#dde19e
```
#dde19e rgb(221,225,158)
```
#e2e6ad
```
#e2e6ad rgb(226,230,173)
```
#e7eabc
```
#e7eabc rgb(231,234,188)
```
#edefcb
```
#edefcb rgb(237,239,203)
```
#f2f3da
```
#f2f3da rgb(242,243,218)
```
#f7f8e9
```
#f7f8e9 rgb(247,248,233)
```
#fcfdf8
```
#fcfdf8 rgb(252,253,248)
```

Tint Color Variation

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

#a7a89c
```
#a7a89c rgb(167,168,156)
```
#aeaf95
```
#aeaf95 rgb(174,175,149)
```
#b4b68e
```
#b4b68e rgb(180,182,142)
```
#babe86
```
#babe86 rgb(186,190,134)
```
#c0c57f
```
#c0c57f rgb(192,197,127)
```
#c7cc78
```
#c7cc78 rgb(199,204,120)
```
#cdd371
```
#cdd371 rgb(205,211,113)
```
#d3da6a
```
#d3da6a rgb(211,218,106)
```
#dae163
```
#dae163 rgb(218,225,99)
```
#e0e85c
```
#e0e85c rgb(224,232,92)
```
#e6f054
```
#e6f054 rgb(230,240,84)
```
#ecf74d
```
#ecf74d rgb(236,247,77)
```
#f3fe46
```
#f3fe46 rgb(243,254,70)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c7c9b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3cf76 Protanopia 1% of men
#fac67d Deuteranopia 1% of men
#dbcad8 Tritanopia 0.001% of the population

Trichromacy

#dbd074 Protanomaly 1% of men, 0.01% of women
#e9ca78 Deuteranomaly 6% of men, 0.4% of women
#d6cdb2 Tritanomaly 0.01% of the population