#ccf352 hex color

In a RGB color space, hex #ccf352 is composed of 80% red, 95.3% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 16% cyan, 0% magenta, 66.3% yellow and 4.7% black. It has a hue angle of 74.5 degrees, a saturation of 87% and a lightness of 63.7%. #ccf352 color hex could be obtained by blending #ffffa4 with #99e700. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 80
- G 95
- B 32
RGB color chart
- C 16
- M 0
- Y 66
- K 5
CMYK color chart

● #ccf352 color description : Soft yellow.

The hexadecimal color #ccf352 has RGB values of R:204, G:243, B:82 and CMYK values of C:0.16, M:0, Y:0.66, K:0.05. Its decimal value is 13431634.

Hex triplet	ccf352	`#ccf352`
RGB Decimal	204, 243, 82	`rgb(204,243,82)`
RGB Percent	80, 95.3, 32.2	`rgb(80%,95.3%,32.2%)`
CMYK	16, 0, 66, 5
HSL	74.5°, 87, 63.7	`hsl(74.5,87%,63.7%)`
HSV (or HSB)	74.5°, 66.3, 95.3
Web Safe	ccff66	`#ccff66`

CIE-LAB	90.573, -34.114, 70.304
XYZ	58.475, 77.547, 19.87
xyY	0.375, 0.497, 77.547
CIE-LCH	90.573, 78.144, 115.884
CIE-LUV	90.573, -18.004, 89.919
Hunter-Lab	88.061, -35.578, 48.265
Binary	11001100, 11110011, 01010010

#ccf352
```
#ccf352 rgb(204,243,82)
```
#7952f3
```
#7952f3 rgb(121,82,243)
```

Complementary Color

#f3ca52
```
#f3ca52 rgb(243,202,82)
```
#ccf352
```
#ccf352 rgb(204,243,82)
```
#7cf352
```
#7cf352 rgb(124,243,82)
```

Analogous Color

#ca52f3
```
#ca52f3 rgb(202,82,243)
```
#ccf352
```
#ccf352 rgb(204,243,82)
```
#527cf3
```
#527cf3 rgb(82,124,243)
```

Split Complementary Color

#f352cc
```
#f352cc rgb(243,82,204)
```
#ccf352
```
#ccf352 rgb(204,243,82)
```
#52ccf3
```
#52ccf3 rgb(82,204,243)
```

Triadic Color

#f37952
```
#f37952 rgb(243,121,82)
```
#ccf352
```
#ccf352 rgb(204,243,82)
```
#52ccf3
```
#52ccf3 rgb(82,204,243)
```
#7952f3
```
#7952f3 rgb(121,82,243)
```

Tetradic Color

#b4e810
```
#b4e810 rgb(180,232,16)
```
#bef022
```
#bef022 rgb(190,240,34)
```
#c5f13a
```
#c5f13a rgb(197,241,58)
```
#ccf352
```
#ccf352 rgb(204,243,82)
```
#d3f56a
```
#d3f56a rgb(211,245,106)
```
#daf682
```
#daf682 rgb(218,246,130)
```
#e1f89a
```
#e1f89a rgb(225,248,154)
```

Monochromatic Color

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

#f3f252
```
#f3f252 rgb(243,242,82)
```
#e7f352
```
#e7f352 rgb(231,243,82)
```
#d9f352
```
#d9f352 rgb(217,243,82)
```
#ccf352
```
#ccf352 rgb(204,243,82)
```
#bff352
```
#bff352 rgb(191,243,82)
```
#b1f352
```
#b1f352 rgb(177,243,82)
```
#a4f352
```
#a4f352 rgb(164,243,82)
```

Similar Colors

Text with hexadecimal color #ccf352

This text has a font color of #ccf352.

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

#ccf352 background color

This paragraph has a background color of #ccf352.

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

#ccf352 border color

This element has a border color of #ccf352.

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

CSS codes

.text {color:#ccf352;}

.background {background-color:#ccf352;}

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

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, #080a01 is the darkest color, while #fdfef7 is the lightest one.

#080a01
```
#080a01 rgb(8,10,1)
```
#161d02
```
#161d02 rgb(22,29,2)
```
#242f03
```
#242f03 rgb(36,47,3)
```
#334105
```
#334105 rgb(51,65,5)
```
#415406
```
#415406 rgb(65,84,6)
```
#4f6607
```
#4f6607 rgb(79,102,7)
```
#5d7808
```
#5d7808 rgb(93,120,8)
```
#6c8b0a
```
#6c8b0a rgb(108,139,10)
```
#7a9d0b
```
#7a9d0b rgb(122,157,11)
```
#88b00c
```
#88b00c rgb(136,176,12)
```
#96c20d
```
#96c20d rgb(150,194,13)
```
#a4d40f
```
#a4d40f rgb(164,212,15)
```
#b3e710
```
#b3e710 rgb(179,231,16)
```

Shade Color Variation

#bcef1b
```
#bcef1b rgb(188,239,27)
```
#c1f02d
```
#c1f02d rgb(193,240,45)
```
#c7f240
```
#c7f240 rgb(199,242,64)
```
#ccf352
```
#ccf352 rgb(204,243,82)
```
#d1f464
```
#d1f464 rgb(209,244,100)
```
#d7f677
```
#d7f677 rgb(215,246,119)
```
#dcf789
```
#dcf789 rgb(220,247,137)
```
#e2f89b
```
#e2f89b rgb(226,248,155)
```
#e7f9ae
```
#e7f9ae rgb(231,249,174)
```
#ecfbc0
```
#ecfbc0 rgb(236,251,192)
```
#f2fcd2
```
#f2fcd2 rgb(242,252,210)
```
#f7fde5
```
#f7fde5 rgb(247,253,229)
```
#fdfef7
```
#fdfef7 rgb(253,254,247)
```

Tint Color Variation

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

#a4a5a0
```
#a4a5a0 rgb(164,165,160)
```
#a7ac99
```
#a7ac99 rgb(167,172,153)
```
#abb392
```
#abb392 rgb(171,179,146)
```
#afba8b
```
#afba8b rgb(175,186,139)
```
#b2c184
```
#b2c184 rgb(178,193,132)
```
#b6c87d
```
#b6c87d rgb(182,200,125)
```
#bacf76
```
#bacf76 rgb(186,207,118)
```
#bdd76e
```
#bdd76e rgb(189,215,110)
```
#c1de67
```
#c1de67 rgb(193,222,103)
```
#c5e560
```
#c5e560 rgb(197,229,96)
```
#c8ec59
```
#c8ec59 rgb(200,236,89)
```
#ccf352
```
#ccf352 rgb(204,243,82)
```
#d0fa4b
```
#d0fa4b rgb(208,250,75)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d3dbbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe55a Protanopia 1% of men
#ffe0bb Deuteranopia 1% of men
#e2e4f5 Tritanopia 0.001% of the population

Trichromacy

#ecea57 Protanomaly 1% of men, 0.01% of women
#ece795 Deuteranomaly 6% of men, 0.4% of women
#dae9b9 Tritanomaly 0.01% of the population

#ccf352 hex color

#ccf352 Color Information

#ccf352 Color Conversion

Color Schemes with #ccf352

Alternatives to #ccf352

#ccf352 Preview

Shades and Tints of #ccf352

Tones of #ccf352

Color Blindness Simulator