colorhexa.com

#c2ff04 hex color

In a RGB color space, hex #c2ff04 is composed of 76.1% red, 100% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 23.9% cyan, 0% magenta, 98.4% yellow and 0% black. It has a hue angle of 74.6 degrees, a saturation of 100% and a lightness of 50.8%. #c2ff04 color hex could be obtained by blending #ffff08 with #85ff00. Closest websafe color is: #ccff00.

- R 76
- G 100
- B 2
RGB color chart
- C 24
- M 0
- Y 98
- K 0
CMYK color chart

● #c2ff04 color description : Vivid yellow.

The hexadecimal color #c2ff04 has RGB values of R:194, G:255, B:4 and CMYK values of C:0.24, M:0, Y:0.98, K:0. Its decimal value is 12779268.

Hex triplet	c2ff04	`#c2ff04`
RGB Decimal	194, 255, 4	`rgb(194,255,4)`
RGB Percent	76.1, 100, 1.6	`rgb(76.1%,100%,1.6%)`
CMYK	24, 0, 98, 0
HSL	74.6°, 100, 50.8	`hsl(74.6,100%,50.8%)`
HSV (or HSB)	74.6°, 98.4, 100
Web Safe	ccff00	`#ccff00`

CIE-LAB	93.013, -45.714, 89.276
XYZ	58.029, 82.997, 13.078
xyY	0.377, 0.539, 82.997
CIE-LCH	93.013, 100.299, 117.115
CIE-LUV	93.013, -30.113, 106.631
Hunter-Lab	91.103, -45.731, 55.261
Binary	11000010, 11111111, 00000100

#c2ff04
```
#c2ff04 rgb(194,255,4)
```
#4104ff
```
#4104ff rgb(65,4,255)
```

Complementary Color

#ffbf04
```
#ffbf04 rgb(255,191,4)
```
#c2ff04
```
#c2ff04 rgb(194,255,4)
```
#45ff04
```
#45ff04 rgb(69,255,4)
```

Analogous Color

#bf04ff
```
#bf04ff rgb(191,4,255)
```
#c2ff04
```
#c2ff04 rgb(194,255,4)
```
#0445ff
```
#0445ff rgb(4,69,255)
```

Split Complementary Color

#ff04c2
```
#ff04c2 rgb(255,4,194)
```
#c2ff04
```
#c2ff04 rgb(194,255,4)
```
#04c2ff
```
#04c2ff rgb(4,194,255)
```

Triadic Color

#8ab700
```
#8ab700 rgb(138,183,0)
```
#9dd000
```
#9dd000 rgb(157,208,0)
```
#b1ea00
```
#b1ea00 rgb(177,234,0)
```
#c2ff04
```
#c2ff04 rgb(194,255,4)
```
#c8ff1e
```
#c8ff1e rgb(200,255,30)
```
#ceff37
```
#ceff37 rgb(206,255,55)
```
#d5ff51
```
#d5ff51 rgb(213,255,81)
```

Monochromatic Color

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

#fffd04
```
#fffd04 rgb(255,253,4)
```
#ecff04
```
#ecff04 rgb(236,255,4)
```
#d7ff04
```
#d7ff04 rgb(215,255,4)
```
#c2ff04
```
#c2ff04 rgb(194,255,4)
```
#adff04
```
#adff04 rgb(173,255,4)
```
#98ff04
```
#98ff04 rgb(152,255,4)
```
#83ff04
```
#83ff04 rgb(131,255,4)
```

Similar Colors

Text with hexadecimal color #c2ff04

This text has a font color of #c2ff04.

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

#c2ff04 background color

This paragraph has a background color of #c2ff04.

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

#c2ff04 border color

This element has a border color of #c2ff04.

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

CSS codes

.text {color:#c2ff04;}

.background {background-color:#c2ff04;}

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

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

#030400
```
#030400 rgb(3,4,0)
```
#121800
```
#121800 rgb(18,24,0)
```
#212b00
```
#212b00 rgb(33,43,0)
```
#303f00
```
#303f00 rgb(48,63,0)
```
#3e5200
```
#3e5200 rgb(62,82,0)
```
#4d6600
```
#4d6600 rgb(77,102,0)
```
#5c7a00
```
#5c7a00 rgb(92,122,0)
```
#6b8d00
```
#6b8d00 rgb(107,141,0)
```
#7aa100
```
#7aa100 rgb(122,161,0)
```
#89b500
```
#89b500 rgb(137,181,0)
```
#98c800
```
#98c800 rgb(152,200,0)
```
#a6dc00
```
#a6dc00 rgb(166,220,0)
```
#b5ef00
```
#b5ef00 rgb(181,239,0)
```

Shade Color Variation

#c2ff04
```
#c2ff04 rgb(194,255,4)
```
#c7ff18
```
#c7ff18 rgb(199,255,24)
```
#ccff2b
```
#ccff2b rgb(204,255,43)
```
#d0ff3f
```
#d0ff3f rgb(208,255,63)
```
#d5ff52
```
#d5ff52 rgb(213,255,82)
```
#daff66
```
#daff66 rgb(218,255,102)
```
#dfff7a
```
#dfff7a rgb(223,255,122)
```
#e3ff8d
```
#e3ff8d rgb(227,255,141)
```
#e8ffa1
```
#e8ffa1 rgb(232,255,161)
```
#edffb5
```
#edffb5 rgb(237,255,181)
```
#f2ffc8
```
#f2ffc8 rgb(242,255,200)
```
#f6ffdc
```
#f6ffdc rgb(246,255,220)
```
#fbffef
```
#fbffef rgb(251,255,239)
```

Tint Color Variation

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

#868b78
```
#868b78 rgb(134,139,120)
```
#8b956e
```
#8b956e rgb(139,149,110)
```
#909e65
```
#909e65 rgb(144,158,101)
```
#95a85b
```
#95a85b rgb(149,168,91)
```
#9ab251
```
#9ab251 rgb(154,178,81)
```
#9fbb48
```
#9fbb48 rgb(159,187,72)
```
#a4c53e
```
#a4c53e rgb(164,197,62)
```
#a9cf34
```
#a9cf34 rgb(169,207,52)
```
#aed82b
```
#aed82b rgb(174,216,43)
```
#b3e221
```
#b3e221 rgb(179,226,33)
```
#b8ec17
```
#b8ec17 rgb(184,236,23)
```
#bdf50e
```
#bdf50e rgb(189,245,14)
```
#c2ff04
```
#c2ff04 rgb(194,255,4)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#cdd9a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffec9a Protanopia 1% of men
#ffe8cd Deuteranopia 1% of men
#ddedff Tritanopia 0.001% of the population

Trichromacy

#e8f363 Protanomaly 1% of men, 0.01% of women
#e8f084 Deuteranomaly 6% of men, 0.4% of women
#d3f4a3 Tritanomaly 0.01% of the population