#cddc63 hex color

In a RGB color space, hex #cddc63 is composed of 80.4% red, 86.3% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 6.8% cyan, 0% magenta, 55% yellow and 13.7% black. It has a hue angle of 67.4 degrees, a saturation of 63.4% and a lightness of 62.5%. #cddc63 color hex could be obtained by blending #ffffc6 with #9bb900. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 86
- B 39
RGB color chart
- C 7
- M 0
- Y 55
- K 14
CMYK color chart

● #cddc63 color description : Soft yellow.

The hexadecimal color #cddc63 has RGB values of R:205, G:220, B:99 and CMYK values of C:0.07, M:0, Y:0.55, K:0.14. Its decimal value is 13491299.

Hex triplet	cddc63	`#cddc63`
RGB Decimal	205, 220, 99	`rgb(205,220,99)`
RGB Percent	80.4, 86.3, 38.8	`rgb(80.4%,86.3%,38.8%)`
CMYK	7, 0, 55, 14
HSL	67.4°, 63.4, 62.5	`hsl(67.4,63.4%,62.5%)`
HSV (or HSB)	67.4°, 55, 86.3
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.518, -21.668, 56.718
XYZ	53.022, 65.067, 21.57
xyY	0.38, 0.466, 65.067
CIE-LCH	84.518, 60.716, 110.908
CIE-LUV	84.518, -4.316, 73.702
Hunter-Lab	80.664, -23.831, 40.61
Binary	11001101, 11011100, 01100011

#cddc63
```
#cddc63 rgb(205,220,99)
```
#7263dc
```
#7263dc rgb(114,99,220)
```

Complementary Color

#dcaf63
```
#dcaf63 rgb(220,175,99)
```
#cddc63
```
#cddc63 rgb(205,220,99)
```
#91dc63
```
#91dc63 rgb(145,220,99)
```

Analogous Color

#af63dc
```
#af63dc rgb(175,99,220)
```
#cddc63
```
#cddc63 rgb(205,220,99)
```
#6391dc
```
#6391dc rgb(99,145,220)
```

Split Complementary Color

#dc63cd
```
#dc63cd rgb(220,99,205)
```
#cddc63
```
#cddc63 rgb(205,220,99)
```
#63cddc
```
#63cddc rgb(99,205,220)
```

Triadic Color

#dc7263
```
#dc7263 rgb(220,114,99)
```
#cddc63
```
#cddc63 rgb(205,220,99)
```
#63cddc
```
#63cddc rgb(99,205,220)
```
#7263dc
```
#7263dc rgb(114,99,220)
```

Tetradic Color

#b3c62c
```
#b3c62c rgb(179,198,44)
```
#c0d339
```
#c0d339 rgb(192,211,57)
```
#c6d74e
```
#c6d74e rgb(198,215,78)
```
#cddc63
```
#cddc63 rgb(205,220,99)
```
#d4e178
```
#d4e178 rgb(212,225,120)
```
#dae58d
```
#dae58d rgb(218,229,141)
```
#e1eaa1
```
#e1eaa1 rgb(225,234,161)
```

Monochromatic Color

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

#dccd63
```
#dccd63 rgb(220,205,99)
```
#dcd763
```
#dcd763 rgb(220,215,99)
```
#d7dc63
```
#d7dc63 rgb(215,220,99)
```
#cddc63
```
#cddc63 rgb(205,220,99)
```
#c3dc63
```
#c3dc63 rgb(195,220,99)
```
#b9dc63
```
#b9dc63 rgb(185,220,99)
```
#afdc63
```
#afdc63 rgb(175,220,99)
```

Similar Colors

Text with hexadecimal color #cddc63

This text has a font color of #cddc63.

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

#cddc63 background color

This paragraph has a background color of #cddc63.

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

#cddc63 border color

This element has a border color of #cddc63.

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

CSS codes

.text {color:#cddc63;}

.background {background-color:#cddc63;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#121405
```
#121405 rgb(18,20,5)
```
#212408
```
#212408 rgb(33,36,8)
```
#2f340c
```
#2f340c rgb(47,52,12)
```
#3e440f
```
#3e440f rgb(62,68,15)
```
#4c5413
```
#4c5413 rgb(76,84,19)
```
#5b6417
```
#5b6417 rgb(91,100,23)
```
#69741a
```
#69741a rgb(105,116,26)
```
#78841e
```
#78841e rgb(120,132,30)
```
#869421
```
#869421 rgb(134,148,33)
```
#95a425
```
#95a425 rgb(149,164,37)
```
#a3b428
```
#a3b428 rgb(163,180,40)
```
#b2c42c
```
#b2c42c rgb(178,196,44)
```

Shade Color Variation

#bed133
```
#bed133 rgb(190,209,51)
```
#c3d543
```
#c3d543 rgb(195,213,67)
```
#c8d853
```
#c8d853 rgb(200,216,83)
```
#cddc63
```
#cddc63 rgb(205,220,99)
```
#d2e073
```
#d2e073 rgb(210,224,115)
```
#d7e383
```
#d7e383 rgb(215,227,131)
```
#dce793
```
#dce793 rgb(220,231,147)
```
#e2eaa3
```
#e2eaa3 rgb(226,234,163)
```
#e7eeb3
```
#e7eeb3 rgb(231,238,179)
```
#ecf2c3
```
#ecf2c3 rgb(236,242,195)
```
#f1f5d3
```
#f1f5d3 rgb(241,245,211)
```
#f6f9e3
```
#f6f9e3 rgb(246,249,227)
```
#fbfcf3
```
#fbfcf3 rgb(251,252,243)
```

Tint Color Variation

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

#a1a19e
```
#a1a19e rgb(161,161,158)
```
#a6a996
```
#a6a996 rgb(166,169,150)
```
#acb08f
```
#acb08f rgb(172,176,143)
```
#b1b788
```
#b1b788 rgb(177,183,136)
```
#b7bf80
```
#b7bf80 rgb(183,191,128)
```
#bcc679
```
#bcc679 rgb(188,198,121)
```
#c2cd72
```
#c2cd72 rgb(194,205,114)
```
#c7d56a
```
#c7d56a rgb(199,213,106)
```
#cddc63
```
#cddc63 rgb(205,220,99)
```
#d3e35c
```
#d3e35c rgb(211,227,92)
```
#d8eb54
```
#d8eb54 rgb(216,235,84)
```
#def24d
```
#def24d rgb(222,242,77)
```
#e3f946
```
#e3f946 rgb(227,249,70)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#cbceb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd568 Protanopia 1% of men
#ffcc83 Deuteranopia 1% of men
#ded1e0 Tritanopia 0.001% of the population

Trichromacy

#e0d766 Protanomaly 1% of men, 0.01% of women
#ecd277 Deuteranomaly 6% of men, 0.4% of women
#d7d5b2 Tritanomaly 0.01% of the population

#cddc63 hex color

#cddc63 Color Information

#cddc63 Color Conversion

Color Schemes with #cddc63

Alternatives to #cddc63

#cddc63 Preview

Shades and Tints of #cddc63

Tones of #cddc63

Color Blindness Simulator