colorhexa.com

#c2b102 hex color

In a RGB color space, hex #c2b102 is composed of 76.1% red, 69.4% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.8% magenta, 99% yellow and 23.9% black. It has a hue angle of 54.7 degrees, a saturation of 98% and a lightness of 38.4%. #c2b102 color hex could be obtained by blending #ffff04 with #856300. Closest websafe color is: #cc9900.

- R 76
- G 69
- B 1
RGB color chart
- C 0
- M 9
- Y 99
- K 24
CMYK color chart

● #c2b102 color description : Strong yellow.

The hexadecimal color #c2b102 has RGB values of R:194, G:177, B:2 and CMYK values of C:0, M:0.09, Y:0.99, K:0.24. Its decimal value is 12759298.

Hex triplet	c2b102	`#c2b102`
RGB Decimal	194, 177, 2	`rgb(194,177,2)`
RGB Percent	76.1, 69.4, 0.8	`rgb(76.1%,69.4%,0.8%)`
CMYK	0, 9, 99, 24
HSL	54.7°, 98, 38.4	`hsl(54.7,98%,38.4%)`
HSV (or HSB)	54.7°, 99, 76.1
Web Safe	cc9900	`#cc9900`

CIE-LAB	71.5, -8.873, 73.339
XYZ	37.982, 42.919, 6.341
xyY	0.435, 0.492, 42.919
CIE-LCH	71.5, 73.874, 96.898
CIE-LUV	71.5, 17.616, 77.016
Hunter-Lab	65.513, -11.16, 40.12
Binary	11000010, 10110001, 00000010

#c2b102
```
#c2b102 rgb(194,177,2)
```
#0213c2
```
#0213c2 rgb(2,19,194)
```

Complementary Color

#c25102
```
#c25102 rgb(194,81,2)
```
#c2b102
```
#c2b102 rgb(194,177,2)
```
#73c202
```
#73c202 rgb(115,194,2)
```

Analogous Color

#5102c2
```
#5102c2 rgb(81,2,194)
```
#c2b102
```
#c2b102 rgb(194,177,2)
```
#0273c2
```
#0273c2 rgb(2,115,194)
```

Split Complementary Color

#b102c2
```
#b102c2 rgb(177,2,194)
```
#c2b102
```
#c2b102 rgb(194,177,2)
```
#02c2b1
```
#02c2b1 rgb(2,194,177)
```

Triadic Color

#766c01
```
#766c01 rgb(118,108,1)
```
#908301
```
#908301 rgb(144,131,1)
```
#a99a02
```
#a99a02 rgb(169,154,2)
```
#c2b102
```
#c2b102 rgb(194,177,2)
```
#dbc802
```
#dbc802 rgb(219,200,2)
```
#f4df03
```
#f4df03 rgb(244,223,3)
```
#fde814
```
#fde814 rgb(253,232,20)
```

Monochromatic Color

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

#c28102
```
#c28102 rgb(194,129,2)
```
#c29102
```
#c29102 rgb(194,145,2)
```
#c2a102
```
#c2a102 rgb(194,161,2)
```
#c2b102
```
#c2b102 rgb(194,177,2)
```
#c2c102
```
#c2c102 rgb(194,193,2)
```
#b3c202
```
#b3c202 rgb(179,194,2)
```
#a3c202
```
#a3c202 rgb(163,194,2)
```

Similar Colors

Text with hexadecimal color #c2b102

This text has a font color of #c2b102.

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

#c2b102 background color

This paragraph has a background color of #c2b102.

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

#c2b102 border color

This element has a border color of #c2b102.

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

CSS codes

.text {color:#c2b102;}

.background {background-color:#c2b102;}

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

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

#131200
```
#131200 rgb(19,18,0)
```
#272300
```
#272300 rgb(39,35,0)
```
#3a3501
```
#3a3501 rgb(58,53,1)
```
#4e4701
```
#4e4701 rgb(78,71,1)
```
#615801
```
#615801 rgb(97,88,1)
```
#746a01
```
#746a01 rgb(116,106,1)
```
#887c01
```
#887c01 rgb(136,124,1)
```
#9b8e02
```
#9b8e02 rgb(155,142,2)
```
#af9f02
```
#af9f02 rgb(175,159,2)
```
#c2b102
```
#c2b102 rgb(194,177,2)
```
#d5c302
```
#d5c302 rgb(213,195,2)
```
#e9d402
```
#e9d402 rgb(233,212,2)
```
#fce603
```
#fce603 rgb(252,230,3)
```

Shade Color Variation

#fde816
```
#fde816 rgb(253,232,22)
```
#fdea29
```
#fdea29 rgb(253,234,41)
```
#fdec3d
```
#fdec3d rgb(253,236,61)
```
#fdee50
```
#fdee50 rgb(253,238,80)
```
#fdf064
```
#fdf064 rgb(253,240,100)
```
#fef277
```
#fef277 rgb(254,242,119)
```
#fef48a
```
#fef48a rgb(254,244,138)
```
#fef59e
```
#fef59e rgb(254,245,158)
```
#fef7b1
```
#fef7b1 rgb(254,247,177)
```
#fef9c5
```
#fef9c5 rgb(254,249,197)
```
#fffbd8
```
#fffbd8 rgb(255,251,216)
```
#fffdeb
```
#fffdeb rgb(255,253,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#68675c
```
#68675c rgb(104,103,92)
```
#6f6d55
```
#6f6d55 rgb(111,109,85)
```
#77734d
```
#77734d rgb(119,115,77)
```
#7e7946
```
#7e7946 rgb(126,121,70)
```
#867f3e
```
#867f3e rgb(134,127,62)
```
#8d8637
```
#8d8637 rgb(141,134,55)
```
#958c2f
```
#958c2f rgb(149,140,47)
```
#9c9228
```
#9c9228 rgb(156,146,40)
```
#a49820
```
#a49820 rgb(164,152,32)
```
#ab9e19
```
#ab9e19 rgb(171,158,25)
```
#b3a511
```
#b3a511 rgb(179,165,17)
```
#baab0a
```
#baab0a rgb(186,171,10)
```
#c2b102
```
#c2b102 rgb(194,177,2)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a8a582 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b30a Protanopia 1% of men
#e0aa1e Deuteranopia 1% of men
#d0a8b4 Tritanopia 0.001% of the population

Trichromacy

#c6b207 Protanomaly 1% of men, 0.01% of women
#d5ac14 Deuteranomaly 6% of men, 0.4% of women
#cbab73 Tritanomaly 0.01% of the population