#ccd525 hex color

In a RGB color space, hex #ccd525 is composed of 80% red, 83.5% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 4.2% cyan, 0% magenta, 82.6% yellow and 16.5% black. It has a hue angle of 63.1 degrees, a saturation of 70.4% and a lightness of 49%. #ccd525 color hex could be obtained by blending #ffff4a with #99ab00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 84
- B 15
RGB color chart
- C 4
- M 0
- Y 83
- K 16
CMYK color chart

● #ccd525 color description : Strong yellow.

The hexadecimal color #ccd525 has RGB values of R:204, G:213, B:37 and CMYK values of C:0.04, M:0, Y:0.83, K:0.16. Its decimal value is 13423909.

Hex triplet	ccd525	`#ccd525`
RGB Decimal	204, 213, 37	`rgb(204,213,37)`
RGB Percent	80, 83.5, 14.5	`rgb(80%,83.5%,14.5%)`
CMYK	4, 0, 83, 16
HSL	63.1°, 70.4, 49	`hsl(63.1,70.4%,49%)`
HSV (or HSB)	63.1°, 82.6, 83.5
Web Safe	cccc33	`#cccc33`

CIE-LAB	82.142, -22.024, 76.468
XYZ	49.03, 60.56, 10.857
xyY	0.407, 0.503, 60.56
CIE-LCH	82.142, 79.577, 106.067
CIE-LUV	82.142, 0.279, 87.786
Hunter-Lab	77.82, -23.723, 46.203
Binary	11001100, 11010101, 00100101

#ccd525
```
#ccd525 rgb(204,213,37)
```
#2e25d5
```
#2e25d5 rgb(46,37,213)
```

Complementary Color

#d58625
```
#d58625 rgb(213,134,37)
```
#ccd525
```
#ccd525 rgb(204,213,37)
```
#74d525
```
#74d525 rgb(116,213,37)
```

Analogous Color

#8625d5
```
#8625d5 rgb(134,37,213)
```
#ccd525
```
#ccd525 rgb(204,213,37)
```
#2574d5
```
#2574d5 rgb(37,116,213)
```

Split Complementary Color

#d525cc
```
#d525cc rgb(213,37,204)
```
#ccd525
```
#ccd525 rgb(204,213,37)
```
#25ccd5
```
#25ccd5 rgb(37,204,213)
```

Triadic Color

#d52e25
```
#d52e25 rgb(213,46,37)
```
#ccd525
```
#ccd525 rgb(204,213,37)
```
#25ccd5
```
#25ccd5 rgb(37,204,213)
```
#2e25d5
```
#2e25d5 rgb(46,37,213)
```

Tetradic Color

#8e941a
```
#8e941a rgb(142,148,26)
```
#a2aa1d
```
#a2aa1d rgb(162,170,29)
```
#b7bf21
```
#b7bf21 rgb(183,191,33)
```
#ccd525
```
#ccd525 rgb(204,213,37)
```
#d4dc37
```
#d4dc37 rgb(212,220,55)
```
#d9e04d
```
#d9e04d rgb(217,224,77)
```
#dde463
```
#dde463 rgb(221,228,99)
```

Monochromatic Color

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

#d5b225
```
#d5b225 rgb(213,178,37)
```
#d5c125
```
#d5c125 rgb(213,193,37)
```
#d5cf25
```
#d5cf25 rgb(213,207,37)
```
#ccd525
```
#ccd525 rgb(204,213,37)
```
#bdd525
```
#bdd525 rgb(189,213,37)
```
#afd525
```
#afd525 rgb(175,213,37)
```
#a0d525
```
#a0d525 rgb(160,213,37)
```

Similar Colors

Text with hexadecimal color #ccd525

This text has a font color of #ccd525.

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

#ccd525 background color

This paragraph has a background color of #ccd525.

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

#ccd525 border color

This element has a border color of #ccd525.

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

CSS codes

.text {color:#ccd525;}

.background {background-color:#ccd525;}

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

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

#0c0c02
```
#0c0c02 rgb(12,12,2)
```
#1c1d05
```
#1c1d05 rgb(28,29,5)
```
#2c2e08
```
#2c2e08 rgb(44,46,8)
```
#3c3f0b
```
#3c3f0b rgb(60,63,11)
```
#4c4f0e
```
#4c4f0e rgb(76,79,14)
```
#5c6011
```
#5c6011 rgb(92,96,17)
```
#6c7114
```
#6c7114 rgb(108,113,20)
```
#7c8116
```
#7c8116 rgb(124,129,22)
```
#8c9219
```
#8c9219 rgb(140,146,25)
```
#9ca31c
```
#9ca31c rgb(156,163,28)
```
#acb41f
```
#acb41f rgb(172,180,31)
```
#bcc422
```
#bcc422 rgb(188,196,34)
```
#ccd525
```
#ccd525 rgb(204,213,37)
```

Shade Color Variation

#d3db32
```
#d3db32 rgb(211,219,50)
```
#d6de43
```
#d6de43 rgb(214,222,67)
```
#dae154
```
#dae154 rgb(218,225,84)
```
#dee464
```
#dee464 rgb(222,228,100)
```
#e1e775
```
#e1e775 rgb(225,231,117)
```
#e5ea86
```
#e5ea86 rgb(229,234,134)
```
#e8ed96
```
#e8ed96 rgb(232,237,150)
```
#ecf0a7
```
#ecf0a7 rgb(236,240,167)
```
#f0f3b8
```
#f0f3b8 rgb(240,243,184)
```
#f3f6c9
```
#f3f6c9 rgb(243,246,201)
```
#f7f8d9
```
#f7f8d9 rgb(247,248,217)
```
#fafbea
```
#fafbea rgb(250,251,234)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#7e7e7c
```
#7e7e7c rgb(126,126,124)
```
#878872
```
#878872 rgb(135,136,114)
```
#909268
```
#909268 rgb(144,146,104)
```
#989b5f
```
#989b5f rgb(152,155,95)
```
#a1a555
```
#a1a555 rgb(161,165,85)
```
#a9af4b
```
#a9af4b rgb(169,175,75)
```
#b2b842
```
#b2b842 rgb(178,184,66)
```
#bbc238
```
#bbc238 rgb(187,194,56)
```
#c3cb2f
```
#c3cb2f rgb(195,203,47)
```
#ccd525
```
#ccd525 rgb(204,213,37)
```
#d5df1b
```
#d5df1b rgb(213,223,27)
```
#dde812
```
#dde812 rgb(221,232,18)
```
#e6f208
```
#e6f208 rgb(230,242,8)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#c1c39f Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7cf2e Protanopia 1% of men
#ffc551 Deuteranopia 1% of men
#dec9d7 Tritanopia 0.001% of the population

Trichromacy

#ddd12a Protanomaly 1% of men, 0.01% of women
#eccb41 Deuteranomaly 6% of men, 0.4% of women
#d7cd96 Tritanomaly 0.01% of the population

#ccd525 hex color

#ccd525 Color Information

#ccd525 Color Conversion

Color Schemes with #ccd525

Alternatives to #ccd525

#ccd525 Preview

Shades and Tints of #ccd525

Tones of #ccd525

Color Blindness Simulator