#ccdf45 hex color

In a RGB color space, hex #ccdf45 is composed of 80% red, 87.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 8.5% cyan, 0% magenta, 69.1% yellow and 12.5% black. It has a hue angle of 67.4 degrees, a saturation of 70.6% and a lightness of 57.3%. #ccdf45 color hex could be obtained by blending #ffff8a with #99bf00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 87
- B 27
RGB color chart
- C 9
- M 0
- Y 69
- K 13
CMYK color chart

● #ccdf45 color description : Soft yellow.

The hexadecimal color #ccdf45 has RGB values of R:204, G:223, B:69 and CMYK values of C:0.09, M:0, Y:0.69, K:0.13. Its decimal value is 13426501.

Hex triplet	ccdf45	`#ccdf45`
RGB Decimal	204, 223, 69	`rgb(204,223,69)`
RGB Percent	80, 87.5, 27.1	`rgb(80%,87.5%,27.1%)`
CMYK	9, 0, 69, 13
HSL	67.4°, 70.6, 57.3	`hsl(67.4,70.6%,57.3%)`
HSV (or HSB)	67.4°, 69.1, 87.5
Web Safe	cccc33	`#cccc33`

CIE-LAB	85.018, -25.534, 69.474
XYZ	52.363, 66.043, 15.619
xyY	0.391, 0.493, 66.043
CIE-LCH	85.018, 74.018, 110.18
CIE-LUV	85.018, -6.251, 85.147
Hunter-Lab	81.267, -27.202, 45.491
Binary	11001100, 11011111, 01000101

#ccdf45
```
#ccdf45 rgb(204,223,69)
```
#5845df
```
#5845df rgb(88,69,223)
```

Complementary Color

#dfa545
```
#dfa545 rgb(223,165,69)
```
#ccdf45
```
#ccdf45 rgb(204,223,69)
```
#7fdf45
```
#7fdf45 rgb(127,223,69)
```

Analogous Color

#a545df
```
#a545df rgb(165,69,223)
```
#ccdf45
```
#ccdf45 rgb(204,223,69)
```
#457fdf
```
#457fdf rgb(69,127,223)
```

Split Complementary Color

#df45cc
```
#df45cc rgb(223,69,204)
```
#ccdf45
```
#ccdf45 rgb(204,223,69)
```
#45ccdf
```
#45ccdf rgb(69,204,223)
```

Triadic Color

#df5845
```
#df5845 rgb(223,88,69)
```
#ccdf45
```
#ccdf45 rgb(204,223,69)
```
#45ccdf
```
#45ccdf rgb(69,204,223)
```
#5845df
```
#5845df rgb(88,69,223)
```

Tetradic Color

#a5b820
```
#a5b820 rgb(165,184,32)
```
#b9ce23
```
#b9ce23 rgb(185,206,35)
```
#c6db2f
```
#c6db2f rgb(198,219,47)
```
#ccdf45
```
#ccdf45 rgb(204,223,69)
```
#d2e35b
```
#d2e35b rgb(210,227,91)
```
#d8e671
```
#d8e671 rgb(216,230,113)
```
#deea86
```
#deea86 rgb(222,234,134)
```

Monochromatic Color

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

#dfcc45
```
#dfcc45 rgb(223,204,69)
```
#dfd845
```
#dfd845 rgb(223,216,69)
```
#d9df45
```
#d9df45 rgb(217,223,69)
```
#ccdf45
```
#ccdf45 rgb(204,223,69)
```
#bfdf45
```
#bfdf45 rgb(191,223,69)
```
#b2df45
```
#b2df45 rgb(178,223,69)
```
#a6df45
```
#a6df45 rgb(166,223,69)
```

Similar Colors

Text with hexadecimal color #ccdf45

This text has a font color of #ccdf45.

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

#ccdf45 background color

This paragraph has a background color of #ccdf45.

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

#ccdf45 border color

This element has a border color of #ccdf45.

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

CSS codes

.text {color:#ccdf45;}

.background {background-color:#ccdf45;}

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

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, #0d0f03 is the darkest color, while #fefffd is the lightest one.

#0d0f03
```
#0d0f03 rgb(13,15,3)
```
#1c2005
```
#1c2005 rgb(28,32,5)
```
#2b3008
```
#2b3008 rgb(43,48,8)
```
#3a410b
```
#3a410b rgb(58,65,11)
```
#49520e
```
#49520e rgb(73,82,14)
```
#586311
```
#586311 rgb(88,99,17)
```
#677314
```
#677314 rgb(103,115,20)
```
#778417
```
#778417 rgb(119,132,23)
```
#86951a
```
#86951a rgb(134,149,26)
```
#95a51c
```
#95a51c rgb(149,165,28)
```
#a4b61f
```
#a4b61f rgb(164,182,31)
```
#b3c722
```
#b3c722 rgb(179,199,34)
```
#c2d825
```
#c2d825 rgb(194,216,37)
```

Shade Color Variation

#c7dc34
```
#c7dc34 rgb(199,220,52)
```
#ccdf45
```
#ccdf45 rgb(204,223,69)
```
#d1e256
```
#d1e256 rgb(209,226,86)
```
#d5e566
```
#d5e566 rgb(213,229,102)
```
#dae877
```
#dae877 rgb(218,232,119)
```
#deeb88
```
#deeb88 rgb(222,235,136)
```
#e3ed99
```
#e3ed99 rgb(227,237,153)
```
#e8f0a9
```
#e8f0a9 rgb(232,240,169)
```
#ecf3ba
```
#ecf3ba rgb(236,243,186)
```
#f1f6cb
```
#f1f6cb rgb(241,246,203)
```
#f5f9dc
```
#f5f9dc rgb(245,249,220)
```
#fafcec
```
#fafcec rgb(250,252,236)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#939490
```
#939490 rgb(147,148,144)
```
#999c88
```
#999c88 rgb(153,156,136)
```
#a0a480
```
#a0a480 rgb(160,164,128)
```
#a6ad77
```
#a6ad77 rgb(166,173,119)
```
#acb56f
```
#acb56f rgb(172,181,111)
```
#b3bd67
```
#b3bd67 rgb(179,189,103)
```
#b9c65e
```
#b9c65e rgb(185,198,94)
```
#bfce56
```
#bfce56 rgb(191,206,86)
```
#c6d74d
```
#c6d74d rgb(198,215,77)
```
#ccdf45
```
#ccdf45 rgb(204,223,69)
```
#d2e73d
```
#d2e73d rgb(210,231,61)
```
#d9f034
```
#d9f034 rgb(217,240,52)
```
#dff82c
```
#dff82c rgb(223,248,44)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c9cdae Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd64c Protanopia 1% of men
#ffce83 Deuteranopia 1% of men
#ded2e1 Tritanopia 0.001% of the population

Trichromacy

#e2d949 Protanomaly 1% of men, 0.01% of women
#ecd46d Deuteranomaly 6% of men, 0.4% of women
#d8d7a8 Tritanomaly 0.01% of the population

#ccdf45 hex color

#ccdf45 Color Information

#ccdf45 Color Conversion

Color Schemes with #ccdf45

Alternatives to #ccdf45

#ccdf45 Preview

Shades and Tints of #ccdf45

Tones of #ccdf45

Color Blindness Simulator