#bec145 hex color

In a RGB color space, hex #bec145 is composed of 74.5% red, 75.7% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 0% magenta, 64.2% yellow and 24.3% black. It has a hue angle of 61.5 degrees, a saturation of 50% and a lightness of 51.4%. #bec145 color hex could be obtained by blending #ffff8a with #7d8300. Closest websafe color is: #cccc33.

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

● #bec145 color description : Moderate yellow.

The hexadecimal color #bec145 has RGB values of R:190, G:193, B:69 and CMYK values of C:0.02, M:0, Y:0.64, K:0.24. Its decimal value is 12501317.

Hex triplet	bec145	`#bec145`
RGB Decimal	190, 193, 69	`rgb(190,193,69)`
RGB Percent	74.5, 75.7, 27.1	`rgb(74.5%,75.7%,27.1%)`
CMYK	2, 0, 64, 24
HSL	61.5°, 50, 51.4	`hsl(61.5,50%,51.4%)`
HSV (or HSB)	61.5°, 64.2, 75.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	75.772, -16.617, 59.725
XYZ	41.379, 49.517, 13.008
xyY	0.398, 0.477, 49.517
CIE-LCH	75.772, 61.994, 105.547
CIE-LUV	75.772, 3.186, 71.965
Hunter-Lab	70.369, -18.18, 38.298
Binary	10111110, 11000001, 01000101

#bec145
```
#bec145 rgb(190,193,69)
```
#4845c1
```
#4845c1 rgb(72,69,193)
```

Complementary Color

#c18645
```
#c18645 rgb(193,134,69)
```
#bec145
```
#bec145 rgb(190,193,69)
```
#80c145
```
#80c145 rgb(128,193,69)
```

Analogous Color

#8645c1
```
#8645c1 rgb(134,69,193)
```
#bec145
```
#bec145 rgb(190,193,69)
```
#4580c1
```
#4580c1 rgb(69,128,193)
```

Split Complementary Color

#c145be
```
#c145be rgb(193,69,190)
```
#bec145
```
#bec145 rgb(190,193,69)
```
#45bec1
```
#45bec1 rgb(69,190,193)
```

Triadic Color

#c14845
```
#c14845 rgb(193,72,69)
```
#bec145
```
#bec145 rgb(190,193,69)
```
#45bec1
```
#45bec1 rgb(69,190,193)
```
#4845c1
```
#4845c1 rgb(72,69,193)
```

Tetradic Color

#898b2e
```
#898b2e rgb(137,139,46)
```
#9c9e35
```
#9c9e35 rgb(156,158,53)
```
#afb13b
```
#afb13b rgb(175,177,59)
```
#bec145
```
#bec145 rgb(190,193,69)
```
#c5c758
```
#c5c758 rgb(197,199,88)
```
#cbce6b
```
#cbce6b rgb(203,206,107)
```
#d2d47e
```
#d2d47e rgb(210,212,126)
```

Monochromatic Color

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

#c1a545
```
#c1a545 rgb(193,165,69)
```
#c1af45
```
#c1af45 rgb(193,175,69)
```
#c1ba45
```
#c1ba45 rgb(193,186,69)
```
#bec145
```
#bec145 rgb(190,193,69)
```
#b4c145
```
#b4c145 rgb(180,193,69)
```
#a9c145
```
#a9c145 rgb(169,193,69)
```
#9fc145
```
#9fc145 rgb(159,193,69)
```

Similar Colors

Text with hexadecimal color #bec145

This text has a font color of #bec145.

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

#bec145 background color

This paragraph has a background color of #bec145.

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

#bec145 border color

This element has a border color of #bec145.

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

CSS codes

.text {color:#bec145;}

.background {background-color:#bec145;}

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

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

#050502
```
#050502 rgb(5,5,2)
```
#141407
```
#141407 rgb(20,20,7)
```
#22230c
```
#22230c rgb(34,35,12)
```
#313110
```
#313110 rgb(49,49,16)
```
#3f4015
```
#3f4015 rgb(63,64,21)
```
#4e4f1a
```
#4e4f1a rgb(78,79,26)
```
#5c5e1f
```
#5c5e1f rgb(92,94,31)
```
#6a6c24
```
#6a6c24 rgb(106,108,36)
```
#797b29
```
#797b29 rgb(121,123,41)
```
#878a2e
```
#878a2e rgb(135,138,46)
```
#969833
```
#969833 rgb(150,152,51)
```
#a4a738
```
#a4a738 rgb(164,167,56)
```
#b3b63d
```
#b3b63d rgb(179,182,61)
```

Shade Color Variation

#bec145
```
#bec145 rgb(190,193,69)
```
#c3c654
```
#c3c654 rgb(195,198,84)
```
#c8cb62
```
#c8cb62 rgb(200,203,98)
```
#cdd071
```
#cdd071 rgb(205,208,113)
```
#d3d580
```
#d3d580 rgb(211,213,128)
```
#d8da8f
```
#d8da8f rgb(216,218,143)
```
#ddde9d
```
#ddde9d rgb(221,222,157)
```
#e2e3ac
```
#e2e3ac rgb(226,227,172)
```
#e7e8bb
```
#e7e8bb rgb(231,232,187)
```
#ecedc9
```
#ecedc9 rgb(236,237,201)
```
#f1f2d8
```
#f1f2d8 rgb(241,242,216)
```
#f7f7e7
```
#f7f7e7 rgb(247,247,231)
```
#fcfcf6
```
#fcfcf6 rgb(252,252,246)
```

Tint Color Variation

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

#88887e
```
#88887e rgb(136,136,126)
```
#919175
```
#919175 rgb(145,145,117)
```
#9a9b6b
```
#9a9b6b rgb(154,155,107)
```
#a3a462
```
#a3a462 rgb(163,164,98)
```
#acae58
```
#acae58 rgb(172,174,88)
```
#b5b74f
```
#b5b74f rgb(181,183,79)
```
#bec145
```
#bec145 rgb(190,193,69)
```
#c7cb3b
```
#c7cb3b rgb(199,203,59)
```
#d0d432
```
#d0d432 rgb(208,212,50)
```
#d9de28
```
#d9de28 rgb(217,222,40)
```
#e2e71f
```
#e2e71f rgb(226,231,31)
```
#ebf115
```
#ebf115 rgb(235,241,21)
```
#f4fa0c
```
#f4fa0c rgb(244,250,12)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b4b59c Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3be4d Protanopia 1% of men
#eab554 Deuteranopia 1% of men
#ceb8c5 Tritanopia 0.001% of the population

Trichromacy

#cbbf4a Protanomaly 1% of men, 0.01% of women
#dab94e Deuteranomaly 6% of men, 0.4% of women
#c8bb96 Tritanomaly 0.01% of the population

#bec145 hex color

#bec145 Color Information

#bec145 Color Conversion

Color Schemes with #bec145

Alternatives to #bec145

#bec145 Preview

Shades and Tints of #bec145

Tones of #bec145

Color Blindness Simulator