#ccf30f hex color

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

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

● #ccf30f color description : Vivid yellow.

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

Hex triplet	ccf30f	`#ccf30f`
RGB Decimal	204, 243, 15	`rgb(204,243,15)`
RGB Percent	80, 95.3, 5.9	`rgb(80%,95.3%,5.9%)`
CMYK	16, 0, 94, 5
HSL	70.3°, 90.5, 50.6	`hsl(70.3,90.5%,50.6%)`
HSV (or HSB)	70.3°, 93.8, 95.3
Web Safe	ccff00	`#ccff00`

CIE-LAB	90.309, -36.488, 86.598
XYZ	57.038, 76.973, 12.304
xyY	0.39, 0.526, 76.973
CIE-LCH	90.309, 93.971, 112.848
CIE-LUV	90.309, -17.733, 101.57
Hunter-Lab	87.734, -37.487, 53.099
Binary	11001100, 11110011, 00001111

#ccf30f
```
#ccf30f rgb(204,243,15)
```
#360ff3
```
#360ff3 rgb(54,15,243)
```

Complementary Color

#f3a80f
```
#f3a80f rgb(243,168,15)
```
#ccf30f
```
#ccf30f rgb(204,243,15)
```
#5af30f
```
#5af30f rgb(90,243,15)
```

Analogous Color

#a80ff3
```
#a80ff3 rgb(168,15,243)
```
#ccf30f
```
#ccf30f rgb(204,243,15)
```
#0f5af3
```
#0f5af3 rgb(15,90,243)
```

Split Complementary Color

#f30fcc
```
#f30fcc rgb(243,15,204)
```
#ccf30f
```
#ccf30f rgb(204,243,15)
```
#0fccf3
```
#0fccf3 rgb(15,204,243)
```

Triadic Color

#f3360f
```
#f3360f rgb(243,54,15)
```
#ccf30f
```
#ccf30f rgb(204,243,15)
```
#0fccf3
```
#0fccf3 rgb(15,204,243)
```
#360ff3
```
#360ff3 rgb(54,15,243)
```

Tetradic Color

#91ad09
```
#91ad09 rgb(145,173,9)
```
#a5c50a
```
#a5c50a rgb(165,197,10)
```
#b9dd0b
```
#b9dd0b rgb(185,221,11)
```
#ccf30f
```
#ccf30f rgb(204,243,15)
```
#d1f427
```
#d1f427 rgb(209,244,39)
```
#d6f540
```
#d6f540 rgb(214,245,64)
```
#dbf758
```
#dbf758 rgb(219,247,88)
```

Monochromatic Color

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

#f3e10f
```
#f3e10f rgb(243,225,15)
```
#f2f30f
```
#f2f30f rgb(242,243,15)
```
#dff30f
```
#dff30f rgb(223,243,15)
```
#ccf30f
```
#ccf30f rgb(204,243,15)
```
#b9f30f
```
#b9f30f rgb(185,243,15)
```
#a6f30f
```
#a6f30f rgb(166,243,15)
```
#93f30f
```
#93f30f rgb(147,243,15)
```

Similar Colors

Text with hexadecimal color #ccf30f

This text has a font color of #ccf30f.

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

#ccf30f background color

This paragraph has a background color of #ccf30f.

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

#ccf30f border color

This element has a border color of #ccf30f.

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

CSS codes

.text {color:#ccf30f;}

.background {background-color:#ccf30f;}

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

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

#020300
```
#020300 rgb(2,3,0)
```
#121601
```
#121601 rgb(18,22,1)
```
#222802
```
#222802 rgb(34,40,2)
```
#313b03
```
#313b03 rgb(49,59,3)
```
#414e04
```
#414e04 rgb(65,78,4)
```
#516005
```
#516005 rgb(81,96,5)
```
#607306
```
#607306 rgb(96,115,6)
```
#708607
```
#708607 rgb(112,134,7)
```
#809808
```
#809808 rgb(128,152,8)
```
#8fab09
```
#8fab09 rgb(143,171,9)
```
#9fbe09
```
#9fbe09 rgb(159,190,9)
```
#aed00a
```
#aed00a rgb(174,208,10)
```
#bee30b
```
#bee30b rgb(190,227,11)
```

Shade Color Variation

#ccf30f
```
#ccf30f rgb(204,243,15)
```
#d0f422
```
#d0f422 rgb(208,244,34)
```
#d4f534
```
#d4f534 rgb(212,245,52)
```
#d8f647
```
#d8f647 rgb(216,246,71)
```
#dcf75a
```
#dcf75a rgb(220,247,90)
```
#e0f86c
```
#e0f86c rgb(224,248,108)
```
#e4f97f
```
#e4f97f rgb(228,249,127)
```
#e8fa92
```
#e8fa92 rgb(232,250,146)
```
#ecfaa4
```
#ecfaa4 rgb(236,250,164)
```
#f0fbb7
```
#f0fbb7 rgb(240,251,183)
```
#f4fcca
```
#f4fcca rgb(244,252,202)
```
#f8fddc
```
#f8fddc rgb(248,253,220)
```
#fcfeef
```
#fcfeef rgb(252,254,239)
```

Tint Color Variation

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

#86887a
```
#86887a rgb(134,136,122)
```
#8c9270
```
#8c9270 rgb(140,146,112)
```
#939c66
```
#939c66 rgb(147,156,102)
```
#99a55d
```
#99a55d rgb(153,165,93)
```
#9faf53
```
#9faf53 rgb(159,175,83)
```
#a6b949
```
#a6b949 rgb(166,185,73)
```
#acc33f
```
#acc33f rgb(172,195,63)
```
#b2cc36
```
#b2cc36 rgb(178,204,54)
```
#b9d62c
```
#b9d62c rgb(185,214,44)
```
#bfe022
```
#bfe022 rgb(191,224,34)
```
#c6e919
```
#c6e919 rgb(198,233,25)
```
#ccf30f
```
#ccf30f rgb(204,243,15)
```
#d2fd05
```
#d2fd05 rgb(210,253,5)
```

Tone Color Variation

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

#ffe54a 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

#ccf30f hex color

#ccf30f Color Information

#ccf30f Color Conversion

Color Schemes with #ccf30f

Alternatives to #ccf30f

#ccf30f Preview

Shades and Tints of #ccf30f

Tones of #ccf30f

Color Blindness Simulator