#bec301 hex color

In a RGB color space, hex #bec301 is composed of 74.5% red, 76.5% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 2.6% cyan, 0% magenta, 99.5% yellow and 23.5% black. It has a hue angle of 61.5 degrees, a saturation of 99% and a lightness of 38.4%. #bec301 color hex could be obtained by blending #ffff02 with #7d8700. Closest websafe color is: #cccc00.

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

● #bec301 color description : Strong yellow.

The hexadecimal color #bec301 has RGB values of R:190, G:195, B:1 and CMYK values of C:0.03, M:0, Y:0.99, K:0.24. Its decimal value is 12501761.

Hex triplet	bec301	`#bec301`
RGB Decimal	190, 195, 1	`rgb(190,195,1)`
RGB Percent	74.5, 76.5, 0.4	`rgb(74.5%,76.5%,0.4%)`
CMYK	3, 0, 99, 24
HSL	61.5°, 99, 38.4	`hsl(61.5,99%,38.4%)`
HSV (or HSB)	61.5°, 99.5, 76.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	76.057, -19.758, 76.629
XYZ	40.756, 49.98, 7.529
xyY	0.415, 0.509, 49.98
CIE-LCH	76.057, 79.136, 104.458
CIE-LUV	76.057, 2.64, 83.963
Hunter-Lab	70.697, -20.816, 43.173
Binary	10111110, 11000011, 00000001

#bec301
```
#bec301 rgb(190,195,1)
```
#0601c3
```
#0601c3 rgb(6,1,195)
```

Complementary Color

#c36701
```
#c36701 rgb(195,103,1)
```
#bec301
```
#bec301 rgb(190,195,1)
```
#5dc301
```
#5dc301 rgb(93,195,1)
```

Analogous Color

#6701c3
```
#6701c3 rgb(103,1,195)
```
#bec301
```
#bec301 rgb(190,195,1)
```
#015dc3
```
#015dc3 rgb(1,93,195)
```

Split Complementary Color

#c301be
```
#c301be rgb(195,1,190)
```
#bec301
```
#bec301 rgb(190,195,1)
```
#01bec3
```
#01bec3 rgb(1,190,195)
```

Triadic Color

#c30601
```
#c30601 rgb(195,6,1)
```
#bec301
```
#bec301 rgb(190,195,1)
```
#01bec3
```
#01bec3 rgb(1,190,195)
```
#0601c3
```
#0601c3 rgb(6,1,195)
```

Tetradic Color

#747701
```
#747701 rgb(116,119,1)
```
#8d9001
```
#8d9001 rgb(141,144,1)
```
#a5aa01
```
#a5aa01 rgb(165,170,1)
```
#bec301
```
#bec301 rgb(190,195,1)
```
#d7dc01
```
#d7dc01 rgb(215,220,1)
```
#eff601
```
#eff601 rgb(239,246,1)
```
#f8fe13
```
#f8fe13 rgb(248,254,19)
```

Monochromatic Color

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

#c39801
```
#c39801 rgb(195,152,1)
```
#c3a801
```
#c3a801 rgb(195,168,1)
```
#c3b801
```
#c3b801 rgb(195,184,1)
```
#bec301
```
#bec301 rgb(190,195,1)
```
#aec301
```
#aec301 rgb(174,195,1)
```
#9ec301
```
#9ec301 rgb(158,195,1)
```
#8ec301
```
#8ec301 rgb(142,195,1)
```

Similar Colors

Text with hexadecimal color #bec301

This text has a font color of #bec301.

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

#bec301 background color

This paragraph has a background color of #bec301.

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

#bec301 border color

This element has a border color of #bec301.

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

CSS codes

.text {color:#bec301;}

.background {background-color:#bec301;}

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

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

#131300
```
#131300 rgb(19,19,0)
```
#262700
```
#262700 rgb(38,39,0)
```
#393a00
```
#393a00 rgb(57,58,0)
```
#4c4e00
```
#4c4e00 rgb(76,78,0)
```
#5f6100
```
#5f6100 rgb(95,97,0)
```
#727501
```
#727501 rgb(114,117,1)
```
#858801
```
#858801 rgb(133,136,1)
```
#989c01
```
#989c01 rgb(152,156,1)
```
#abaf01
```
#abaf01 rgb(171,175,1)
```
#bec301
```
#bec301 rgb(190,195,1)
```
#d1d701
```
#d1d701 rgb(209,215,1)
```
#e4ea01
```
#e4ea01 rgb(228,234,1)
```
#f7fe01
```
#f7fe01 rgb(247,254,1)
```

Shade Color Variation

#f8fe15
```
#f8fe15 rgb(248,254,21)
```
#f8fe28
```
#f8fe28 rgb(248,254,40)
```
#f9fe3c
```
#f9fe3c rgb(249,254,60)
```
#fafe4f
```
#fafe4f rgb(250,254,79)
```
#fafe63
```
#fafe63 rgb(250,254,99)
```
#fbfe76
```
#fbfe76 rgb(251,254,118)
```
#fbfe8a
```
#fbfe8a rgb(251,254,138)
```
#fcfe9d
```
#fcfe9d rgb(252,254,157)
```
#fdffb1
```
#fdffb1 rgb(253,255,177)
```
#fdffc4
```
#fdffc4 rgb(253,255,196)
```
#feffd8
```
#feffd8 rgb(254,255,216)
```
#feffeb
```
#feffeb rgb(254,255,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#68695b
```
#68695b rgb(104,105,91)
```
#6f7054
```
#6f7054 rgb(111,112,84)
```
#77784c
```
#77784c rgb(119,120,76)
```
#7e7f45
```
#7e7f45 rgb(126,127,69)
```
#85873d
```
#85873d rgb(133,135,61)
```
#8c8e36
```
#8c8e36 rgb(140,142,54)
```
#93962e
```
#93962e rgb(147,150,46)
```
#9a9d27
```
#9a9d27 rgb(154,157,39)
```
#a1a51f
```
#a1a51f rgb(161,165,31)
```
#a9ac18
```
#a9ac18 rgb(169,172,24)
```
#b0b410
```
#b0b410 rgb(176,180,16)
```
#b7bb09
```
#b7bb09 rgb(183,187,9)
```
#bec301
```
#bec301 rgb(190,195,1)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#afb089 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6bf00 Protanopia 1% of men
#eeb525 Deuteranopia 1% of men
#cfb8c5 Tritanopia 0.001% of the population

Trichromacy

#cdc000 Protanomaly 1% of men, 0.01% of women
#dcba18 Deuteranomaly 6% of men, 0.4% of women
#c9bc7e Tritanomaly 0.01% of the population

#bec301 hex color

#bec301 Color Information

#bec301 Color Conversion

Color Schemes with #bec301

Alternatives to #bec301

#bec301 Preview

Shades and Tints of #bec301

Tones of #bec301

Color Blindness Simulator