#ccf015 hex color

In a RGB color space, hex #ccf015 is composed of 80% red, 94.1% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 91.3% yellow and 5.9% black. It has a hue angle of 69.9 degrees, a saturation of 88% and a lightness of 51.2%. #ccf015 color hex could be obtained by blending #ffff2a with #99e100. Closest websafe color is: #ccff00.

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

● #ccf015 color description : Vivid yellow.

The hexadecimal color #ccf015 has RGB values of R:204, G:240, B:21 and CMYK values of C:0.15, M:0, Y:0.91, K:0.06. Its decimal value is 13430805.

Hex triplet	ccf015	`#ccf015`
RGB Decimal	204, 240, 21	`rgb(204,240,21)`
RGB Percent	80, 94.1, 8.2	`rgb(80%,94.1%,8.2%)`
CMYK	15, 0, 91, 6
HSL	69.9°, 88, 51.2	`hsl(69.9,88%,51.2%)`
HSV (or HSB)	69.9°, 91.3, 94.1
Web Safe	ccff00	`#ccff00`

CIE-LAB	89.492, -35.049, 85.289
XYZ	56.197, 75.211, 12.266
xyY	0.391, 0.523, 75.211
CIE-LCH	89.492, 92.21, 112.34
CIE-LUV	89.492, -16.013, 100.019
Hunter-Lab	86.725, -36.101, 52.321
Binary	11001100, 11110000, 00010101

#ccf015
```
#ccf015 rgb(204,240,21)
```
#3915f0
```
#3915f0 rgb(57,21,240)
```

Complementary Color

#f0a715
```
#f0a715 rgb(240,167,21)
```
#ccf015
```
#ccf015 rgb(204,240,21)
```
#5ef015
```
#5ef015 rgb(94,240,21)
```

Analogous Color

#a715f0
```
#a715f0 rgb(167,21,240)
```
#ccf015
```
#ccf015 rgb(204,240,21)
```
#155ef0
```
#155ef0 rgb(21,94,240)
```

Split Complementary Color

#f015cc
```
#f015cc rgb(240,21,204)
```
#ccf015
```
#ccf015 rgb(204,240,21)
```
#15ccf0
```
#15ccf0 rgb(21,204,240)
```

Triadic Color

#f03915
```
#f03915 rgb(240,57,21)
```
#ccf015
```
#ccf015 rgb(204,240,21)
```
#15ccf0
```
#15ccf0 rgb(21,204,240)
```
#3915f0
```
#3915f0 rgb(57,21,240)
```

Tetradic Color

#93ad0b
```
#93ad0b rgb(147,173,11)
```
#a7c50d
```
#a7c50d rgb(167,197,13)
```
#bbdd0e
```
#bbdd0e rgb(187,221,14)
```
#ccf015
```
#ccf015 rgb(204,240,21)
```
#d1f22d
```
#d1f22d rgb(209,242,45)
```
#d6f345
```
#d6f345 rgb(214,243,69)
```
#dcf55d
```
#dcf55d rgb(220,245,93)
```

Monochromatic Color

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

#f0dd15
```
#f0dd15 rgb(240,221,21)
```
#f0f015
```
#f0f015 rgb(240,240,21)
```
#def015
```
#def015 rgb(222,240,21)
```
#ccf015
```
#ccf015 rgb(204,240,21)
```
#baf015
```
#baf015 rgb(186,240,21)
```
#a8f015
```
#a8f015 rgb(168,240,21)
```
#95f015
```
#95f015 rgb(149,240,21)
```

Similar Colors

Text with hexadecimal color #ccf015

This text has a font color of #ccf015.

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

#ccf015 background color

This paragraph has a background color of #ccf015.

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

#ccf015 border color

This element has a border color of #ccf015.

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

CSS codes

.text {color:#ccf015;}

.background {background-color:#ccf015;}

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

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

#050600
```
#050600 rgb(5,6,0)
```
#141802
```
#141802 rgb(20,24,2)
```
#242b03
```
#242b03 rgb(36,43,3)
```
#343d04
```
#343d04 rgb(52,61,4)
```
#434f05
```
#434f05 rgb(67,79,5)
```
#536206
```
#536206 rgb(83,98,6)
```
#627407
```
#627407 rgb(98,116,7)
```
#728709
```
#728709 rgb(114,135,9)
```
#82990a
```
#82990a rgb(130,153,10)
```
#91ac0b
```
#91ac0b rgb(145,172,11)
```
#a1be0c
```
#a1be0c rgb(161,190,12)
```
#b0d00d
```
#b0d00d rgb(176,208,13)
```
#c0e30f
```
#c0e30f rgb(192,227,15)
```

Shade Color Variation

#ccf015
```
#ccf015 rgb(204,240,21)
```
#d0f127
```
#d0f127 rgb(208,241,39)
```
#d4f23a
```
#d4f23a rgb(212,242,58)
```
#d8f44c
```
#d8f44c rgb(216,244,76)
```
#dcf55f
```
#dcf55f rgb(220,245,95)
```
#e0f671
```
#e0f671 rgb(224,246,113)
```
#e4f784
```
#e4f784 rgb(228,247,132)
```
#e8f896
```
#e8f896 rgb(232,248,150)
```
#ecf9a8
```
#ecf9a8 rgb(236,249,168)
```
#f0fbbb
```
#f0fbbb rgb(240,251,187)
```
#f4fccd
```
#f4fccd rgb(244,252,205)
```
#f8fde0
```
#f8fde0 rgb(248,253,224)
```
#fcfef2
```
#fcfef2 rgb(252,254,242)
```

Tint Color Variation

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

#85877e
```
#85877e rgb(133,135,126)
```
#8c9075
```
#8c9075 rgb(140,144,117)
```
#929a6b
```
#929a6b rgb(146,154,107)
```
#99a362
```
#99a362 rgb(153,163,98)
```
#9fad58
```
#9fad58 rgb(159,173,88)
```
#a5b74e
```
#a5b74e rgb(165,183,78)
```
#acc045
```
#acc045 rgb(172,192,69)
```
#b2ca3b
```
#b2ca3b rgb(178,202,59)
```
#b9d332
```
#b9d332 rgb(185,211,50)
```
#bfdd28
```
#bfdd28 rgb(191,221,40)
```
#c6e61f
```
#c6e61f rgb(198,230,31)
```
#ccf015
```
#ccf015 rgb(204,240,21)
```
#d2fa0b
```
#d2fa0b rgb(210,250,11)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#ccd3a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fee21b Protanopia 1% of men
#ffddaf Deuteranopia 1% of men
#e2e0f0 Tritanopia 0.001% of the population

Trichromacy

#ebe719 Protanomaly 1% of men, 0.01% of women
#ece477 Deuteranomaly 6% of men, 0.4% of women
#dae6a0 Tritanomaly 0.01% of the population

#ccf015 hex color

#ccf015 Color Information

#ccf015 Color Conversion

Color Schemes with #ccf015

Alternatives to #ccf015

#ccf015 Preview

Shades and Tints of #ccf015

Tones of #ccf015

Color Blindness Simulator