#becc1f hex color

In a RGB color space, hex #becc1f is composed of 74.5% red, 80% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 6.9% cyan, 0% magenta, 84.8% yellow and 20% black. It has a hue angle of 64.9 degrees, a saturation of 73.6% and a lightness of 46.1%. #becc1f color hex could be obtained by blending #ffff3e with #7d9900. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 75
- G 80
- B 12
RGB color chart
- C 7
- M 0
- Y 85
- K 20
CMYK color chart

● #becc1f color description : Strong yellow.

The hexadecimal color #becc1f has RGB values of R:190, G:204, B:31 and CMYK values of C:0.07, M:0, Y:0.85, K:0.2. Its decimal value is 12504095.

Hex triplet	becc1f	`#becc1f`
RGB Decimal	190, 204, 31	`rgb(190,204,31)`
RGB Percent	74.5, 80, 12.2	`rgb(74.5%,80%,12.2%)`
CMYK	7, 0, 85, 20
HSL	64.9°, 73.6, 46.1	`hsl(64.9,73.6%,46.1%)`
HSV (or HSB)	64.9°, 84.8, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	78.597, -23.684, 74.408
XYZ	43.075, 54.232, 9.495
xyY	0.403, 0.508, 54.232
CIE-LCH	78.597, 78.087, 107.656
CIE-LUV	78.597, -3.227, 84.96
Hunter-Lab	73.642, -24.465, 43.905
Binary	10111110, 11001100, 00011111

#becc1f
```
#becc1f rgb(190,204,31)
```
#2d1fcc
```
#2d1fcc rgb(45,31,204)
```

Complementary Color

#cc841f
```
#cc841f rgb(204,132,31)
```
#becc1f
```
#becc1f rgb(190,204,31)
```
#68cc1f
```
#68cc1f rgb(104,204,31)
```

Analogous Color

#841fcc
```
#841fcc rgb(132,31,204)
```
#becc1f
```
#becc1f rgb(190,204,31)
```
#1f68cc
```
#1f68cc rgb(31,104,204)
```

Split Complementary Color

#cc1fbe
```
#cc1fbe rgb(204,31,190)
```
#becc1f
```
#becc1f rgb(190,204,31)
```
#1fbecc
```
#1fbecc rgb(31,190,204)
```

Triadic Color

#cc2d1f
```
#cc2d1f rgb(204,45,31)
```
#becc1f
```
#becc1f rgb(190,204,31)
```
#1fbecc
```
#1fbecc rgb(31,190,204)
```
#2d1fcc
```
#2d1fcc rgb(45,31,204)
```

Tetradic Color

#808a15
```
#808a15 rgb(128,138,21)
```
#95a018
```
#95a018 rgb(149,160,24)
```
#a9b61c
```
#a9b61c rgb(169,182,28)
```
#becc1f
```
#becc1f rgb(190,204,31)
```
#cfde26
```
#cfde26 rgb(207,222,38)
```
#d4e13d
```
#d4e13d rgb(212,225,61)
```
#d9e553
```
#d9e553 rgb(217,229,83)
```

Monochromatic Color

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

#ccaf1f
```
#ccaf1f rgb(204,175,31)
```
#ccbd1f
```
#ccbd1f rgb(204,189,31)
```
#cccc1f
```
#cccc1f rgb(204,204,31)
```
#becc1f
```
#becc1f rgb(190,204,31)
```
#b0cc1f
```
#b0cc1f rgb(176,204,31)
```
#a1cc1f
```
#a1cc1f rgb(161,204,31)
```
#93cc1f
```
#93cc1f rgb(147,204,31)
```

Similar Colors

Text with hexadecimal color #becc1f

This text has a font color of #becc1f.

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

#becc1f background color

This paragraph has a background color of #becc1f.

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

#becc1f border color

This element has a border color of #becc1f.

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

CSS codes

.text {color:#becc1f;}

.background {background-color:#becc1f;}

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

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

#101103
```
#101103 rgb(16,17,3)
```
#1f2205
```
#1f2205 rgb(31,34,5)
```
#2f3308
```
#2f3308 rgb(47,51,8)
```
#3f440a
```
#3f440a rgb(63,68,10)
```
#4f550d
```
#4f550d rgb(79,85,13)
```
#5f660f
```
#5f660f rgb(95,102,15)
```
#6f7712
```
#6f7712 rgb(111,119,18)
```
#7f8815
```
#7f8815 rgb(127,136,21)
```
#8e9917
```
#8e9917 rgb(142,153,23)
```
#9eaa1a
```
#9eaa1a rgb(158,170,26)
```
#aebb1c
```
#aebb1c rgb(174,187,28)
```
#becc1f
```
#becc1f rgb(190,204,31)
```
#cedd22
```
#cedd22 rgb(206,221,34)
```

Shade Color Variation

#d2e032
```
#d2e032 rgb(210,224,50)
```
#d6e243
```
#d6e243 rgb(214,226,67)
```
#d9e554
```
#d9e554 rgb(217,229,84)
```
#dde865
```
#dde865 rgb(221,232,101)
```
#e1ea76
```
#e1ea76 rgb(225,234,118)
```
#e5ed87
```
#e5ed87 rgb(229,237,135)
```
#e8ef98
```
#e8ef98 rgb(232,239,152)
```
#ecf2aa
```
#ecf2aa rgb(236,242,170)
```
#f0f5bb
```
#f0f5bb rgb(240,245,187)
```
#f4f7cc
```
#f4f7cc rgb(244,247,204)
```
#f7fadd
```
#f7fadd rgb(247,250,221)
```
#fbfcee
```
#fbfcee rgb(251,252,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7a7b70
```
#7a7b70 rgb(122,123,112)
```
#818467
```
#818467 rgb(129,132,103)
```
#898d5e
```
#898d5e rgb(137,141,94)
```
#919655
```
#919655 rgb(145,150,85)
```
#989f4c
```
#989f4c rgb(152,159,76)
```
#a0a843
```
#a0a843 rgb(160,168,67)
```
#a7b13a
```
#a7b13a rgb(167,177,58)
```
#afba31
```
#afba31 rgb(175,186,49)
```
#b6c328
```
#b6c328 rgb(182,195,40)
```
#becc1f
```
#becc1f rgb(190,204,31)
```
#c6d516
```
#c6d516 rgb(198,213,22)
```
#cdde0d
```
#cdde0d rgb(205,222,13)
```
#d5e704
```
#d5e704 rgb(213,231,4)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b6b996 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc628 Protanopia 1% of men
#f6bc37 Deuteranopia 1% of men
#d0c1ce Tritanopia 0.001% of the population

Trichromacy

#d2c824 Protanomaly 1% of men, 0.01% of women
#e1c12e Deuteranomaly 6% of men, 0.4% of women
#c9c58e Tritanomaly 0.01% of the population

#becc1f hex color

#becc1f Color Information

#becc1f Color Conversion

Color Schemes with #becc1f

Alternatives to #becc1f

#becc1f Preview

Shades and Tints of #becc1f

Tones of #becc1f

Color Blindness Simulator