#bec315 hex color

In a RGB color space, hex #bec315 is composed of 74.5% red, 76.5% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 2.6% cyan, 0% magenta, 89.2% yellow and 23.5% black. It has a hue angle of 61.7 degrees, a saturation of 80.6% and a lightness of 42.4%. #bec315 color hex could be obtained by blending #ffff2a with #7d8700. Closest websafe color is: #cccc00.

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

● #bec315 color description : Strong yellow.

The hexadecimal color #bec315 has RGB values of R:190, G:195, B:21 and CMYK values of C:0.03, M:0, Y:0.89, K:0.24. Its decimal value is 12501781.

Hex triplet	bec315	`#bec315`
RGB Decimal	190, 195, 21	`rgb(190,195,21)`
RGB Percent	74.5, 76.5, 8.2	`rgb(74.5%,76.5%,8.2%)`
CMYK	3, 0, 89, 24
HSL	61.7°, 80.6, 42.4	`hsl(61.7,80.6%,42.4%)`
HSV (or HSB)	61.7°, 89.2, 76.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	76.089, -19.495, 74.271
XYZ	40.886, 50.032, 8.213
xyY	0.412, 0.505, 50.032
CIE-LCH	76.089, 76.787, 104.708
CIE-LUV	76.089, 2.551, 82.579
Hunter-Lab	70.733, -20.606, 42.629
Binary	10111110, 11000011, 00010101

#bec315
```
#bec315 rgb(190,195,21)
```
#1a15c3
```
#1a15c3 rgb(26,21,195)
```

Complementary Color

#c37115
```
#c37115 rgb(195,113,21)
```
#bec315
```
#bec315 rgb(190,195,21)
```
#67c315
```
#67c315 rgb(103,195,21)
```

Analogous Color

#7115c3
```
#7115c3 rgb(113,21,195)
```
#bec315
```
#bec315 rgb(190,195,21)
```
#1567c3
```
#1567c3 rgb(21,103,195)
```

Split Complementary Color

#c315be
```
#c315be rgb(195,21,190)
```
#bec315
```
#bec315 rgb(190,195,21)
```
#15bec3
```
#15bec3 rgb(21,190,195)
```

Triadic Color

#c31a15
```
#c31a15 rgb(195,26,21)
```
#bec315
```
#bec315 rgb(190,195,21)
```
#15bec3
```
#15bec3 rgb(21,190,195)
```
#1a15c3
```
#1a15c3 rgb(26,21,195)
```

Tetradic Color

#7b7e0e
```
#7b7e0e rgb(123,126,14)
```
#919510
```
#919510 rgb(145,149,16)
```
#a8ac13
```
#a8ac13 rgb(168,172,19)
```
#bec315
```
#bec315 rgb(190,195,21)
```
#d4da17
```
#d4da17 rgb(212,218,23)
```
#e2e724
```
#e2e724 rgb(226,231,36)
```
#e5ea3b
```
#e5ea3b rgb(229,234,59)
```

Monochromatic Color

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

#c39d15
```
#c39d15 rgb(195,157,21)
```
#c3ab15
```
#c3ab15 rgb(195,171,21)
```
#c3ba15
```
#c3ba15 rgb(195,186,21)
```
#bec315
```
#bec315 rgb(190,195,21)
```
#b0c315
```
#b0c315 rgb(176,195,21)
```
#a1c315
```
#a1c315 rgb(161,195,21)
```
#93c315
```
#93c315 rgb(147,195,21)
```

Similar Colors

Text with hexadecimal color #bec315

This text has a font color of #bec315.

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

#bec315 background color

This paragraph has a background color of #bec315.

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

#bec315 border color

This element has a border color of #bec315.

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

CSS codes

.text {color:#bec315;}

.background {background-color:#bec315;}

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

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)
```
#232404
```
#232404 rgb(35,36,4)
```
#343506
```
#343506 rgb(52,53,6)
```
#454708
```
#454708 rgb(69,71,8)
```
#56590a
```
#56590a rgb(86,89,10)
```
#686a0b
```
#686a0b rgb(104,106,11)
```
#797c0d
```
#797c0d rgb(121,124,13)
```
#8a8e0f
```
#8a8e0f rgb(138,142,15)
```
#9ba011
```
#9ba011 rgb(155,160,17)
```
#adb113
```
#adb113 rgb(173,177,19)
```
#bec315
```
#bec315 rgb(190,195,21)
```
#cfd517
```
#cfd517 rgb(207,213,23)
```

Shade Color Variation

#e0e619
```
#e0e619 rgb(224,230,25)
```
#e3e82b
```
#e3e82b rgb(227,232,43)
```
#e5ea3c
```
#e5ea3c rgb(229,234,60)
```
#e7ec4e
```
#e7ec4e rgb(231,236,78)
```
#eaee60
```
#eaee60 rgb(234,238,96)
```
#ecf072
```
#ecf072 rgb(236,240,114)
```
#eff283
```
#eff283 rgb(239,242,131)
```
#f1f495
```
#f1f495 rgb(241,244,149)
```
#f3f5a7
```
#f3f5a7 rgb(243,245,167)
```
#f6f7b8
```
#f6f7b8 rgb(246,247,184)
```
#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, #707068 is the less saturated color, while #ced404 is the most saturated one.

#707068
```
#707068 rgb(112,112,104)
```
#787860
```
#787860 rgb(120,120,96)
```
#7f8157
```
#7f8157 rgb(127,129,87)
```
#87894f
```
#87894f rgb(135,137,79)
```
#8f9147
```
#8f9147 rgb(143,145,71)
```
#97993f
```
#97993f rgb(151,153,63)
```
#9fa236
```
#9fa236 rgb(159,162,54)
```
#a7aa2e
```
#a7aa2e rgb(167,170,46)
```
#aeb226
```
#aeb226 rgb(174,178,38)
```
#b6bb1d
```
#b6bb1d rgb(182,187,29)
```
#bec315
```
#bec315 rgb(190,195,21)
```
#c6cb0d
```
#c6cb0d rgb(198,203,13)
```
#ced404
```
#ced404 rgb(206,212,4)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b1b28f Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6bf1e Protanopia 1% of men
#eeb52f Deuteranopia 1% of men
#cfb9c6 Tritanopia 0.001% of the population

Trichromacy

#cdc01b Protanomaly 1% of men, 0.01% of women
#dcba25 Deuteranomaly 6% of men, 0.4% of women
#c9bc85 Tritanomaly 0.01% of the population

#bec315 hex color

#bec315 Color Information

#bec315 Color Conversion

Color Schemes with #bec315

Alternatives to #bec315

#bec315 Preview

Shades and Tints of #bec315

Tones of #bec315

Color Blindness Simulator