#c2c300 hex color

In a RGB color space, hex #c2c300 is composed of 76.1% red, 76.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0.5% cyan, 0% magenta, 100% yellow and 23.5% black. It has a hue angle of 60.3 degrees, a saturation of 100% and a lightness of 38.2%. #c2c300 color hex could be obtained by blending #ffff00 with #858700. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 76
- G 76
- B 0
RGB color chart
- C 1
- M 0
- Y 100
- K 24
CMYK color chart

● #c2c300 color description : Strong yellow.

The hexadecimal color #c2c300 has RGB values of R:194, G:195, B:0 and CMYK values of C:0.01, M:0, Y:1, K:0.24. Its decimal value is 12763904.

Hex triplet	c2c300	`#c2c300`
RGB Decimal	194, 195, 0	`rgb(194,195,0)`
RGB Percent	76.1, 76.5, 0	`rgb(76.1%,76.5%,0%)`
CMYK	1, 0, 100, 24
HSL	60.3°, 100, 38.2	`hsl(60.3,100%,38.2%)`
HSV (or HSB)	60.3°, 100, 76.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	76.375, -18.048, 77.11
XYZ	41.763, 50.5, 7.548
xyY	0.418, 0.506, 50.5
CIE-LCH	76.375, 79.194, 103.173
CIE-LUV	76.375, 5.372, 84.044
Hunter-Lab	71.064, -19.458, 43.447
Binary	11000010, 11000011, 00000000

#c2c300
```
#c2c300 rgb(194,195,0)
```
#0100c3
```
#0100c3 rgb(1,0,195)
```

Complementary Color

#c36200
```
#c36200 rgb(195,98,0)
```
#c2c300
```
#c2c300 rgb(194,195,0)
```
#61c300
```
#61c300 rgb(97,195,0)
```

Analogous Color

#6200c3
```
#6200c3 rgb(98,0,195)
```
#c2c300
```
#c2c300 rgb(194,195,0)
```
#0061c3
```
#0061c3 rgb(0,97,195)
```

Split Complementary Color

#c300c2
```
#c300c2 rgb(195,0,194)
```
#c2c300
```
#c2c300 rgb(194,195,0)
```
#00c2c3
```
#00c2c3 rgb(0,194,195)
```

Triadic Color

#c30100
```
#c30100 rgb(195,1,0)
```
#c2c300
```
#c2c300 rgb(194,195,0)
```
#00c2c3
```
#00c2c3 rgb(0,194,195)
```
#0100c3
```
#0100c3 rgb(1,0,195)
```

Tetradic Color

#767700
```
#767700 rgb(118,119,0)
```
#8f9000
```
#8f9000 rgb(143,144,0)
```
#a9aa00
```
#a9aa00 rgb(169,170,0)
```
#c2c300
```
#c2c300 rgb(194,195,0)
```
#dbdd00
```
#dbdd00 rgb(219,221,0)
```
#f5f600
```
#f5f600 rgb(245,246,0)
```
#feff11
```
#feff11 rgb(254,255,17)
```

Monochromatic Color

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

#c39300
```
#c39300 rgb(195,147,0)
```
#c3a400
```
#c3a400 rgb(195,164,0)
```
#c3b400
```
#c3b400 rgb(195,180,0)
```
#c2c300
```
#c2c300 rgb(194,195,0)
```
#b2c300
```
#b2c300 rgb(178,195,0)
```
#a2c300
```
#a2c300 rgb(162,195,0)
```
#91c300
```
#91c300 rgb(145,195,0)
```

Similar Colors

Text with hexadecimal color #c2c300

This text has a font color of #c2c300.

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

#c2c300 background color

This paragraph has a background color of #c2c300.

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

#c2c300 border color

This element has a border color of #c2c300.

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

CSS codes

.text {color:#c2c300;}

.background {background-color:#c2c300;}

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

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

#121200
```
#121200 rgb(18,18,0)
```
#262600
```
#262600 rgb(38,38,0)
```
#393a00
```
#393a00 rgb(57,58,0)
```
#4d4d00
```
#4d4d00 rgb(77,77,0)
```
#606100
```
#606100 rgb(96,97,0)
```
#747500
```
#747500 rgb(116,117,0)
```
#878800
```
#878800 rgb(135,136,0)
```
#9b9c00
```
#9b9c00 rgb(155,156,0)
```
#aeaf00
```
#aeaf00 rgb(174,175,0)
```
#c2c300
```
#c2c300 rgb(194,195,0)
```
#d6d700
```
#d6d700 rgb(214,215,0)
```
#e9ea00
```
#e9ea00 rgb(233,234,0)
```
#fdfe00
```
#fdfe00 rgb(253,254,0)
```

Shade Color Variation

#feff12
```
#feff12 rgb(254,255,18)
```
#feff26
```
#feff26 rgb(254,255,38)
```
#feff3a
```
#feff3a rgb(254,255,58)
```
#feff4d
```
#feff4d rgb(254,255,77)
```
#feff61
```
#feff61 rgb(254,255,97)
```
#feff75
```
#feff75 rgb(254,255,117)
```
#feff88
```
#feff88 rgb(254,255,136)
```
#feff9c
```
#feff9c rgb(254,255,156)
```
#ffffaf
```
#ffffaf rgb(255,255,175)
```
#ffffc3
```
#ffffc3 rgb(255,255,195)
```
#ffffd7
```
#ffffd7 rgb(255,255,215)
```
#ffffea
```
#ffffea rgb(255,255,234)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#69695a
```
#69695a rgb(105,105,90)
```
#707153
```
#707153 rgb(112,113,83)
```
#78784b
```
#78784b rgb(120,120,75)
```
#7f8044
```
#7f8044 rgb(127,128,68)
```
#87873c
```
#87873c rgb(135,135,60)
```
#8e8f35
```
#8e8f35 rgb(142,143,53)
```
#95962d
```
#95962d rgb(149,150,45)
```
#9d9e26
```
#9d9e26 rgb(157,158,38)
```
#a4a51e
```
#a4a51e rgb(164,165,30)
```
#acad17
```
#acad17 rgb(172,173,23)
```
#b3b40f
```
#b3b40f rgb(179,180,15)
```
#bbbc08
```
#bbbc08 rgb(187,188,8)
```
#c2c300
```
#c2c300 rgb(194,195,0)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#b0b18a Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c000 Protanopia 1% of men
#efb624 Deuteranopia 1% of men
#d3b8c5 Tritanopia 0.001% of the population

Trichromacy

#cfc100 Protanomaly 1% of men, 0.01% of women
#dfbb17 Deuteranomaly 6% of men, 0.4% of women
#ccbc7d Tritanomaly 0.01% of the population

#c2c300 hex color

#c2c300 Color Information

#c2c300 Color Conversion

Color Schemes with #c2c300

Alternatives to #c2c300

#c2c300 Preview

Shades and Tints of #c2c300

Tones of #c2c300

Color Blindness Simulator