#ccf05d hex color

In a RGB color space, hex #ccf05d is composed of 80% red, 94.1% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 61.3% yellow and 5.9% black. It has a hue angle of 74.7 degrees, a saturation of 83.1% and a lightness of 65.3%. #ccf05d color hex could be obtained by blending #ffffba with #99e100. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 80
- G 94
- B 36
RGB color chart
- C 15
- M 0
- Y 61
- K 6
CMYK color chart

● #ccf05d color description : Soft yellow.

The hexadecimal color #ccf05d has RGB values of R:204, G:240, B:93 and CMYK values of C:0.15, M:0, Y:0.61, K:0.06. Its decimal value is 13430877.

Hex triplet	ccf05d	`#ccf05d`
RGB Decimal	204, 240, 93	`rgb(204,240,93)`
RGB Percent	80, 94.1, 36.5	`rgb(80%,94.1%,36.5%)`
CMYK	15, 0, 61, 6
HSL	74.7°, 83.1, 65.3	`hsl(74.7,83.1%,65.3%)`
HSV (or HSB)	74.7°, 61.3, 94.1
Web Safe	ccff66	`#ccff66`

CIE-LAB	89.835, -31.997, 65.191
XYZ	58.037, 75.947, 21.957
xyY	0.372, 0.487, 75.947
CIE-LCH	89.835, 72.62, 116.143
CIE-LUV	89.835, -16.409, 85.026
Hunter-Lab	87.148, -33.635, 46.065
Binary	11001100, 11110000, 01011101

#ccf05d
```
#ccf05d rgb(204,240,93)
```
#815df0
```
#815df0 rgb(129,93,240)
```

Complementary Color

#f0cb5d
```
#f0cb5d rgb(240,203,93)
```
#ccf05d
```
#ccf05d rgb(204,240,93)
```
#83f05d
```
#83f05d rgb(131,240,93)
```

Analogous Color

#cb5df0
```
#cb5df0 rgb(203,93,240)
```
#ccf05d
```
#ccf05d rgb(204,240,93)
```
#5d83f0
```
#5d83f0 rgb(93,131,240)
```

Split Complementary Color

#f05dcc
```
#f05dcc rgb(240,93,204)
```
#ccf05d
```
#ccf05d rgb(204,240,93)
```
#5dccf0
```
#5dccf0 rgb(93,204,240)
```

Triadic Color

#f0815d
```
#f0815d rgb(240,129,93)
```
#ccf05d
```
#ccf05d rgb(204,240,93)
```
#5dccf0
```
#5dccf0 rgb(93,204,240)
```
#815df0
```
#815df0 rgb(129,93,240)
```

Tetradic Color

#b6ea17
```
#b6ea17 rgb(182,234,23)
```
#bdec2e
```
#bdec2e rgb(189,236,46)
```
#c5ee46
```
#c5ee46 rgb(197,238,70)
```
#ccf05d
```
#ccf05d rgb(204,240,93)
```
#d3f274
```
#d3f274 rgb(211,242,116)
```
#dbf48c
```
#dbf48c rgb(219,244,140)
```
#e2f6a3
```
#e2f6a3 rgb(226,246,163)
```

Monochromatic Color

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

#f0ef5d
```
#f0ef5d rgb(240,239,93)
```
#e5f05d
```
#e5f05d rgb(229,240,93)
```
#d8f05d
```
#d8f05d rgb(216,240,93)
```
#ccf05d
```
#ccf05d rgb(204,240,93)
```
#c0f05d
```
#c0f05d rgb(192,240,93)
```
#b4f05d
```
#b4f05d rgb(180,240,93)
```
#a7f05d
```
#a7f05d rgb(167,240,93)
```

Similar Colors

Text with hexadecimal color #ccf05d

This text has a font color of #ccf05d.

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

#ccf05d background color

This paragraph has a background color of #ccf05d.

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

#ccf05d border color

This element has a border color of #ccf05d.

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

CSS codes

.text {color:#ccf05d;}

.background {background-color:#ccf05d;}

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

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

#0e1202
```
#0e1202 rgb(14,18,2)
```
#1c2303
```
#1c2303 rgb(28,35,3)
```
#2a3505
```
#2a3505 rgb(42,53,5)
```
#384707
```
#384707 rgb(56,71,7)
```
#455908
```
#455908 rgb(69,89,8)
```
#536b0a
```
#536b0a rgb(83,107,10)
```
#617d0c
```
#617d0c rgb(97,125,12)
```
#6f8f0d
```
#6f8f0d rgb(111,143,13)
```
#7da10f
```
#7da10f rgb(125,161,15)
```
#8bb311
```
#8bb311 rgb(139,179,17)
```
#99c512
```
#99c512 rgb(153,197,18)
```
#a7d714
```
#a7d714 rgb(167,215,20)
```
#b5e916
```
#b5e916 rgb(181,233,22)
```

Shade Color Variation

#bbeb27
```
#bbeb27 rgb(187,235,39)
```
#c1ed39
```
#c1ed39 rgb(193,237,57)
```
#c6ee4b
```
#c6ee4b rgb(198,238,75)
```
#ccf05d
```
#ccf05d rgb(204,240,93)
```
#d2f26f
```
#d2f26f rgb(210,242,111)
```
#d7f381
```
#d7f381 rgb(215,243,129)
```
#ddf593
```
#ddf593 rgb(221,245,147)
```
#e3f7a5
```
#e3f7a5 rgb(227,247,165)
```
#e8f8b7
```
#e8f8b7 rgb(232,248,183)
```
#eefac9
```
#eefac9 rgb(238,250,201)
```
#f4fcdb
```
#f4fcdb rgb(244,252,219)
```
#f9fded
```
#f9fded rgb(249,253,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a9aca1
```
#a9aca1 rgb(169,172,161)
```
#adb39a
```
#adb39a rgb(173,179,154)
```
#b0ba93
```
#b0ba93 rgb(176,186,147)
```
#b4c08d
```
#b4c08d rgb(180,192,141)
```
#b7c786
```
#b7c786 rgb(183,199,134)
```
#bbce7f
```
#bbce7f rgb(187,206,127)
```
#bed578
```
#bed578 rgb(190,213,120)
```
#c2dc71
```
#c2dc71 rgb(194,220,113)
```
#c5e26b
```
#c5e26b rgb(197,226,107)
```
#c9e964
```
#c9e964 rgb(201,233,100)
```
#ccf05d
```
#ccf05d rgb(204,240,93)
```
#cff756
```
#cff756 rgb(207,247,86)
```
#d3fe4f
```
#d3fe4f rgb(211,254,79)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#d2dabc Atypical Achromatopsia 0.001% of the population

Dichromacy

#fce361 Protanopia 1% of men
#ffdeb6 Deuteranopia 1% of men
#e1e2f2 Tritanopia 0.001% of the population

Trichromacy

#eae85f Protanomaly 1% of men, 0.01% of women
#ece495 Deuteranomaly 6% of men, 0.4% of women
#d9e7bc Tritanomaly 0.01% of the population

#ccf05d hex color

#ccf05d Color Information

#ccf05d Color Conversion

Color Schemes with #ccf05d

Alternatives to #ccf05d

#ccf05d Preview

Shades and Tints of #ccf05d

Tones of #ccf05d

Color Blindness Simulator