#bec216 hex color

In a RGB color space, hex #bec216 is composed of 74.5% red, 76.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 2.1% cyan, 0% magenta, 88.7% yellow and 23.9% black. It has a hue angle of 61.4 degrees, a saturation of 79.6% and a lightness of 42.4%. #bec216 color hex could be obtained by blending #ffff2c with #7d8500. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 75
- G 76
- B 9
RGB color chart
- C 2
- M 0
- Y 89
- K 24
CMYK color chart

● #bec216 color description : Strong yellow.

The hexadecimal color #bec216 has RGB values of R:190, G:194, B:22 and CMYK values of C:0.02, M:0, Y:0.89, K:0.24. Its decimal value is 12501526.

Hex triplet	bec216	`#bec216`
RGB Decimal	190, 194, 22	`rgb(190,194,22)`
RGB Percent	74.5, 76.1, 8.6	`rgb(74.5%,76.1%,8.6%)`
CMYK	2, 0, 89, 24
HSL	61.4°, 79.6, 42.4	`hsl(61.4,79.6%,42.4%)`
HSV (or HSB)	61.4°, 88.7, 76.1
Web Safe	cccc00	`#cccc00`

CIE-LAB	75.816, -18.98, 73.885
XYZ	40.672, 49.589, 8.188
xyY	0.413, 0.504, 49.589
CIE-LCH	75.816, 76.284, 104.407
CIE-LUV	75.816, 3.192, 82.087
Hunter-Lab	70.42, -20.139, 42.4
Binary	10111110, 11000010, 00010110

#bec216
```
#bec216 rgb(190,194,22)
```
#1a16c2
```
#1a16c2 rgb(26,22,194)
```

Complementary Color

#c27016
```
#c27016 rgb(194,112,22)
```
#bec216
```
#bec216 rgb(190,194,22)
```
#68c216
```
#68c216 rgb(104,194,22)
```

Analogous Color

#7016c2
```
#7016c2 rgb(112,22,194)
```
#bec216
```
#bec216 rgb(190,194,22)
```
#1668c2
```
#1668c2 rgb(22,104,194)
```

Split Complementary Color

#c216be
```
#c216be rgb(194,22,190)
```
#bec216
```
#bec216 rgb(190,194,22)
```
#16bec2
```
#16bec2 rgb(22,190,194)
```

Triadic Color

#c21a16
```
#c21a16 rgb(194,26,22)
```
#bec216
```
#bec216 rgb(190,194,22)
```
#16bec2
```
#16bec2 rgb(22,190,194)
```
#1a16c2
```
#1a16c2 rgb(26,22,194)
```

Tetradic Color

#7b7d0e
```
#7b7d0e rgb(123,125,14)
```
#919411
```
#919411 rgb(145,148,17)
```
#a8ab13
```
#a8ab13 rgb(168,171,19)
```
#bec216
```
#bec216 rgb(190,194,22)
```
#d4d919
```
#d4d919 rgb(212,217,25)
```
#e2e625
```
#e2e625 rgb(226,230,37)
```
#e5e93c
```
#e5e93c rgb(229,233,60)
```

Monochromatic Color

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

#c29b16
```
#c29b16 rgb(194,155,22)
```
#c2a916
```
#c2a916 rgb(194,169,22)
```
#c2b816
```
#c2b816 rgb(194,184,22)
```
#bec216
```
#bec216 rgb(190,194,22)
```
#b0c216
```
#b0c216 rgb(176,194,22)
```
#a1c216
```
#a1c216 rgb(161,194,22)
```
#93c216
```
#93c216 rgb(147,194,22)
```

Similar Colors

Text with hexadecimal color #bec216

This text has a font color of #bec216.

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

#bec216 background color

This paragraph has a background color of #bec216.

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

#bec216 border color

This element has a border color of #bec216.

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

CSS codes

.text {color:#bec216;}

.background {background-color:#bec216;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#111202
```
#111202 rgb(17,18,2)
```
#232304
```
#232304 rgb(35,35,4)
```
#343506
```
#343506 rgb(52,53,6)
```
#454708
```
#454708 rgb(69,71,8)
```
#56580a
```
#56580a rgb(86,88,10)
```
#686a0c
```
#686a0c rgb(104,106,12)
```
#797c0e
```
#797c0e rgb(121,124,14)
```
#8a8d10
```
#8a8d10 rgb(138,141,16)
```
#9b9f12
```
#9b9f12 rgb(155,159,18)
```
#adb014
```
#adb014 rgb(173,176,20)
```
#bec216
```
#bec216 rgb(190,194,22)
```
#cfd418
```
#cfd418 rgb(207,212,24)
```

Shade Color Variation

#e0e51a
```
#e0e51a rgb(224,229,26)
```
#e3e72c
```
#e3e72c rgb(227,231,44)
```
#e5e93d
```
#e5e93d rgb(229,233,61)
```
#e7eb4f
```
#e7eb4f rgb(231,235,79)
```
#eaed61
```
#eaed61 rgb(234,237,97)
```
#ecef72
```
#ecef72 rgb(236,239,114)
```
#eff184
```
#eff184 rgb(239,241,132)
```
#f1f396
```
#f1f396 rgb(241,243,150)
```
#f3f5a7
```
#f3f5a7 rgb(243,245,167)
```
#f6f7b9
```
#f6f7b9 rgb(246,247,185)
```
#f8f9ca
```
#f8f9ca rgb(248,249,202)
```
#fafbdc
```
#fafbdc rgb(250,251,220)
```
#fdfdee
```
#fdfdee rgb(253,253,238)
```

Tint Color Variation

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

#6f6f69
```
#6f6f69 rgb(111,111,105)
```
#777761
```
#777761 rgb(119,119,97)
```
#7f8058
```
#7f8058 rgb(127,128,88)
```
#878850
```
#878850 rgb(135,136,80)
```
#8e9048
```
#8e9048 rgb(142,144,72)
```
#969840
```
#969840 rgb(150,152,64)
```
#9ea137
```
#9ea137 rgb(158,161,55)
```
#a6a92f
```
#a6a92f rgb(166,169,47)
```
#aeb127
```
#aeb127 rgb(174,177,39)
```
#b6ba1e
```
#b6ba1e rgb(182,186,30)
```
#bec216
```
#bec216 rgb(190,194,22)
```
#c6ca0e
```
#c6ca0e rgb(198,202,14)
```
#ced305
```
#ced305 rgb(206,211,5)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#b0b18f Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5be20 Protanopia 1% of men
#edb52f Deuteranopia 1% of men
#cfb8c5 Tritanopia 0.001% of the population

Trichromacy

#ccbf1c Protanomaly 1% of men, 0.01% of women
#dcb926 Deuteranomaly 6% of men, 0.4% of women
#c9bb85 Tritanomaly 0.01% of the population

#bec216 hex color

#bec216 Color Information

#bec216 Color Conversion

Color Schemes with #bec216

Alternatives to #bec216

#bec216 Preview

Shades and Tints of #bec216

Tones of #bec216

Color Blindness Simulator