#ccf30e hex color

In a RGB color space, hex #ccf30e is composed of 80% red, 95.3% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 16% cyan, 0% magenta, 94.2% yellow and 4.7% black. It has a hue angle of 70.2 degrees, a saturation of 90.5% and a lightness of 50.4%. #ccf30e color hex could be obtained by blending #ffff1c with #99e700. Closest websafe color is: #ccff00.

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

● #ccf30e color description : Vivid yellow.

The hexadecimal color #ccf30e has RGB values of R:204, G:243, B:14 and CMYK values of C:0.16, M:0, Y:0.94, K:0.05. Its decimal value is 13431566.

Hex triplet	ccf30e	`#ccf30e`
RGB Decimal	204, 243, 14	`rgb(204,243,14)`
RGB Percent	80, 95.3, 5.5	`rgb(80%,95.3%,5.5%)`
CMYK	16, 0, 94, 5
HSL	70.2°, 90.5, 50.4	`hsl(70.2,90.5%,50.4%)`
HSV (or HSB)	70.2°, 94.2, 95.3
Web Safe	ccff00	`#ccff00`

CIE-LAB	90.308, -36.499, 86.692
XYZ	57.031, 76.97, 12.268
xyY	0.39, 0.526, 76.97
CIE-LCH	90.308, 94.062, 112.832
CIE-LUV	90.308, -17.731, 101.627
Hunter-Lab	87.732, -37.496, 53.122
Binary	11001100, 11110011, 00001110

#ccf30e
```
#ccf30e rgb(204,243,14)
```
#350ef3
```
#350ef3 rgb(53,14,243)
```

Complementary Color

#f3a80e
```
#f3a80e rgb(243,168,14)
```
#ccf30e
```
#ccf30e rgb(204,243,14)
```
#5af30e
```
#5af30e rgb(90,243,14)
```

Analogous Color

#a80ef3
```
#a80ef3 rgb(168,14,243)
```
#ccf30e
```
#ccf30e rgb(204,243,14)
```
#0e5af3
```
#0e5af3 rgb(14,90,243)
```

Split Complementary Color

#f30ecc
```
#f30ecc rgb(243,14,204)
```
#ccf30e
```
#ccf30e rgb(204,243,14)
```
#0eccf3
```
#0eccf3 rgb(14,204,243)
```

Triadic Color

#f3350e
```
#f3350e rgb(243,53,14)
```
#ccf30e
```
#ccf30e rgb(204,243,14)
```
#0eccf3
```
#0eccf3 rgb(14,204,243)
```
#350ef3
```
#350ef3 rgb(53,14,243)
```

Tetradic Color

#90ac09
```
#90ac09 rgb(144,172,9)
```
#a4c40a
```
#a4c40a rgb(164,196,10)
```
#b9dd0b
```
#b9dd0b rgb(185,221,11)
```
#ccf30e
```
#ccf30e rgb(204,243,14)
```
#d1f426
```
#d1f426 rgb(209,244,38)
```
#d6f53f
```
#d6f53f rgb(214,245,63)
```
#dbf757
```
#dbf757 rgb(219,247,87)
```

Monochromatic Color

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

#f3e10e
```
#f3e10e rgb(243,225,14)
```
#f2f30e
```
#f2f30e rgb(242,243,14)
```
#dff30e
```
#dff30e rgb(223,243,14)
```
#ccf30e
```
#ccf30e rgb(204,243,14)
```
#b9f30e
```
#b9f30e rgb(185,243,14)
```
#a6f30e
```
#a6f30e rgb(166,243,14)
```
#93f30e
```
#93f30e rgb(147,243,14)
```

Similar Colors

Text with hexadecimal color #ccf30e

This text has a font color of #ccf30e.

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

#ccf30e background color

This paragraph has a background color of #ccf30e.

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

#ccf30e border color

This element has a border color of #ccf30e.

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

CSS codes

.text {color:#ccf30e;}

.background {background-color:#ccf30e;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#111501
```
#111501 rgb(17,21,1)
```
#212702
```
#212702 rgb(33,39,2)
```
#313a03
```
#313a03 rgb(49,58,3)
```
#404d04
```
#404d04 rgb(64,77,4)
```
#505f05
```
#505f05 rgb(80,95,5)
```
#607206
```
#607206 rgb(96,114,6)
```
#6f8507
```
#6f8507 rgb(111,133,7)
```
#7f9708
```
#7f9708 rgb(127,151,8)
```
#8faa08
```
#8faa08 rgb(143,170,8)
```
#9ebd09
```
#9ebd09 rgb(158,189,9)
```
#aecf0a
```
#aecf0a rgb(174,207,10)
```
#bee20b
```
#bee20b rgb(190,226,11)
```

Shade Color Variation

#ccf30e
```
#ccf30e rgb(204,243,14)
```
#d0f421
```
#d0f421 rgb(208,244,33)
```
#d4f533
```
#d4f533 rgb(212,245,51)
```
#d8f646
```
#d8f646 rgb(216,246,70)
```
#dcf759
```
#dcf759 rgb(220,247,89)
```
#e0f86b
```
#e0f86b rgb(224,248,107)
```
#e4f97e
```
#e4f97e rgb(228,249,126)
```
#e8fa91
```
#e8fa91 rgb(232,250,145)
```
#ecfaa3
```
#ecfaa3 rgb(236,250,163)
```
#f0fbb6
```
#f0fbb6 rgb(240,251,182)
```
#f4fcc9
```
#f4fcc9 rgb(244,252,201)
```
#f7fddc
```
#f7fddc rgb(247,253,220)
```
#fbfeee
```
#fbfeee rgb(251,254,238)
```

Tint Color Variation

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

#858879
```
#858879 rgb(133,136,121)
```
#8c926f
```
#8c926f rgb(140,146,111)
```
#929b66
```
#929b66 rgb(146,155,102)
```
#99a55c
```
#99a55c rgb(153,165,92)
```
#9faf52
```
#9faf52 rgb(159,175,82)
```
#a6b948
```
#a6b948 rgb(166,185,72)
```
#acc23f
```
#acc23f rgb(172,194,63)
```
#b2cc35
```
#b2cc35 rgb(178,204,53)
```
#b9d62b
```
#b9d62b rgb(185,214,43)
```
#bfe021
```
#bfe021 rgb(191,224,33)
```
#c6e918
```
#c6e918 rgb(198,233,24)
```
#ccf30e
```
#ccf30e rgb(204,243,14)
```
#d2fd04
```
#d2fd04 rgb(210,253,4)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#cdd5a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe549 Protanopia 1% of men
#ffe0b7 Deuteranopia 1% of men
#e3e3f3 Tritanopia 0.001% of the population

Trichromacy

#ecea34 Protanomaly 1% of men, 0.01% of women
#ece679 Deuteranomaly 6% of men, 0.4% of women
#dae9a0 Tritanomaly 0.01% of the population

#ccf30e hex color

#ccf30e Color Information

#ccf30e Color Conversion

Color Schemes with #ccf30e

Alternatives to #ccf30e

#ccf30e Preview

Shades and Tints of #ccf30e

Tones of #ccf30e

Color Blindness Simulator