#bec22a hex color

In a RGB color space, hex #bec22a is composed of 74.5% red, 76.1% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 2.1% cyan, 0% magenta, 78.4% yellow and 23.9% black. It has a hue angle of 61.6 degrees, a saturation of 64.4% and a lightness of 46.3%. #bec22a color hex could be obtained by blending #ffff54 with #7d8500. Closest websafe color is: #cccc33.

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

● #bec22a color description : Strong yellow.

The hexadecimal color #bec22a has RGB values of R:190, G:194, B:42 and CMYK values of C:0.02, M:0, Y:0.78, K:0.24. Its decimal value is 12501546.

Hex triplet	bec22a	`#bec22a`
RGB Decimal	190, 194, 42	`rgb(190,194,42)`
RGB Percent	74.5, 76.1, 16.5	`rgb(74.5%,76.1%,16.5%)`
CMYK	2, 0, 78, 24
HSL	61.6°, 64.4, 46.3	`hsl(61.6,64.4%,46.3%)`
HSV (or HSB)	61.6°, 78.4, 76.1
Web Safe	cccc33	`#cccc33`

CIE-LAB	75.884, -18.429, 69.323
XYZ	40.945, 49.698, 9.626
xyY	0.408, 0.496, 49.698
CIE-LCH	75.884, 71.731, 104.887
CIE-LUV	75.884, 3.002, 79.194
Hunter-Lab	70.497, -19.697, 41.252
Binary	10111110, 11000010, 00101010

#bec22a
```
#bec22a rgb(190,194,42)
```
#2e2ac2
```
#2e2ac2 rgb(46,42,194)
```

Complementary Color

#c27a2a
```
#c27a2a rgb(194,122,42)
```
#bec22a
```
#bec22a rgb(190,194,42)
```
#72c22a
```
#72c22a rgb(114,194,42)
```

Analogous Color

#7a2ac2
```
#7a2ac2 rgb(122,42,194)
```
#bec22a
```
#bec22a rgb(190,194,42)
```
#2a72c2
```
#2a72c2 rgb(42,114,194)
```

Split Complementary Color

#c22abe
```
#c22abe rgb(194,42,190)
```
#bec22a
```
#bec22a rgb(190,194,42)
```
#2abec2
```
#2abec2 rgb(42,190,194)
```

Triadic Color

#c22e2a
```
#c22e2a rgb(194,46,42)
```
#bec22a
```
#bec22a rgb(190,194,42)
```
#2abec2
```
#2abec2 rgb(42,190,194)
```
#2e2ac2
```
#2e2ac2 rgb(46,42,194)
```

Tetradic Color

#80831c
```
#80831c rgb(128,131,28)
```
#959821
```
#959821 rgb(149,152,33)
```
#a9ad25
```
#a9ad25 rgb(169,173,37)
```
#bec22a
```
#bec22a rgb(190,194,42)
```
#cfd333
```
#cfd333 rgb(207,211,51)
```
#d4d748
```
#d4d748 rgb(212,215,72)
```
#d9dc5d
```
#d9dc5d rgb(217,220,93)
```

Monochromatic Color

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

#c2a02a
```
#c2a02a rgb(194,160,42)
```
#c2ad2a
```
#c2ad2a rgb(194,173,42)
```
#c2b92a
```
#c2b92a rgb(194,185,42)
```
#bec22a
```
#bec22a rgb(190,194,42)
```
#b1c22a
```
#b1c22a rgb(177,194,42)
```
#a5c22a
```
#a5c22a rgb(165,194,42)
```
#98c22a
```
#98c22a rgb(152,194,42)
```

Similar Colors

Text with hexadecimal color #bec22a

This text has a font color of #bec22a.

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

#bec22a background color

This paragraph has a background color of #bec22a.

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

#bec22a border color

This element has a border color of #bec22a.

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

CSS codes

.text {color:#bec22a;}

.background {background-color:#bec22a;}

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

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

#000100
```
#000100 rgb(0,1,0)
```
#101104
```
#101104 rgb(16,17,4)
```
#202107
```
#202107 rgb(32,33,7)
```
#30310b
```
#30310b rgb(48,49,11)
```
#40410e
```
#40410e rgb(64,65,14)
```
#4f5112
```
#4f5112 rgb(79,81,18)
```
#5f6115
```
#5f6115 rgb(95,97,21)
```
#6f7119
```
#6f7119 rgb(111,113,25)
```
#7f821c
```
#7f821c rgb(127,130,28)
```
#8f9220
```
#8f9220 rgb(143,146,32)
```
#9ea223
```
#9ea223 rgb(158,162,35)
```
#aeb227
```
#aeb227 rgb(174,178,39)
```
#bec22a
```
#bec22a rgb(190,194,42)
```

Shade Color Variation

#cdd22e
```
#cdd22e rgb(205,210,46)
```
#d1d53e
```
#d1d53e rgb(209,213,62)
```
#d5d94e
```
#d5d94e rgb(213,217,78)
```
#d9dc5e
```
#d9dc5e rgb(217,220,94)
```
#dde06e
```
#dde06e rgb(221,224,110)
```
#e1e37f
```
#e1e37f rgb(225,227,127)
```
#e4e78f
```
#e4e78f rgb(228,231,143)
```
#e8ea9f
```
#e8ea9f rgb(232,234,159)
```
#eceeaf
```
#eceeaf rgb(236,238,175)
```
#f0f1bf
```
#f0f1bf rgb(240,241,191)
```
#f4f5cf
```
#f4f5cf rgb(244,245,207)
```
#f7f8df
```
#f7f8df rgb(247,248,223)
```
#fbfcef
```
#fbfcef rgb(251,252,239)
```

Tint Color Variation

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

#797973
```
#797973 rgb(121,121,115)
```
#82826a
```
#82826a rgb(130,130,106)
```
#8a8c60
```
#8a8c60 rgb(138,140,96)
```
#939557
```
#939557 rgb(147,149,87)
```
#9c9e4e
```
#9c9e4e rgb(156,158,78)
```
#a4a745
```
#a4a745 rgb(164,167,69)
```
#adb03c
```
#adb03c rgb(173,176,60)
```
#b5b933
```
#b5b933 rgb(181,185,51)
```
#bec22a
```
#bec22a rgb(190,194,42)
```
#c7cb21
```
#c7cb21 rgb(199,203,33)
```
#cfd418
```
#cfd418 rgb(207,212,24)
```
#d8dd0f
```
#d8dd0f rgb(216,221,15)
```
#e0e606
```
#e0e606 rgb(224,230,6)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#b2b394 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5be33 Protanopia 1% of men
#ecb53d Deuteranopia 1% of men
#ceb8c5 Tritanopia 0.001% of the population

Trichromacy

#ccc030 Protanomaly 1% of men, 0.01% of women
#dbba36 Deuteranomaly 6% of men, 0.4% of women
#c8bb8c Tritanomaly 0.01% of the population

#bec22a hex color

#bec22a Color Information

#bec22a Color Conversion

Color Schemes with #bec22a

Alternatives to #bec22a

#bec22a Preview

Shades and Tints of #bec22a

Tones of #bec22a

Color Blindness Simulator