#bcc150 Color Information
In a RGB color space, hex #bcc150 is composed of 73.7% red, 75.7% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 2.6% cyan, 0% magenta, 58.5% yellow and 24.3% black. It has a hue angle of 62.7 degrees, a saturation of 47.7% and a lightness of 53.5%. #bcc150 color hex could be obtained by blending #ffffa0 with #798300. Closest websafe color is: #cccc66.
-
- R 74
- G 76
- B 31
-
- C 3
- M 0
- Y 59
- K 24
● #bcc150 color description : Moderate yellow.
#bcc150 Color Conversion
The hexadecimal color #bcc150 has RGB values of R:188, G:193, B:80 and CMYK values of C:0.03, M:0, Y:0.59, K:0.24. Its decimal value is 12370256.
Hex triplet | bcc150 | #bcc150 |
---|---|---|
RGB Decimal | 188, 193, 80 | rgb(188,193,80) |
RGB Percent | 73.7, 75.7, 31.4 | rgb(73.7%,75.7%,31.4%) |
CMYK | 3, 0, 59, 24 | |
HSL | 62.7°, 47.7, 53.5 | hsl(62.7,47.7%,53.5%) |
HSV (or HSB) | 62.7°, 58.5, 75.7 | |
Web Safe | cccc66 | #cccc66 |
CIE-LAB | 75.706, -16.707, 54.929 |
---|---|
XYZ | 41.257, 49.411, 14.953 |
xyY | 0.391, 0.468, 49.411 |
CIE-LCH | 75.706, 57.413, 106.918 |
CIE-LUV | 75.706, 1.616, 68.112 |
Hunter-Lab | 70.293, -18.246, 36.593 |
Binary | 10111100, 11000001, 01010000 |
Color Schemes with #bcc150
Alternatives to #bcc150
Below, you can see some colors close to #bcc150. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bcc150 Preview
This text has a font color of #bcc150.
<span style="color:#bcc150;">Text here</span>
This paragraph has a background color of #bcc150.
<p style="background-color:#bcc150;">Content here</p>
This element has a border color of #bcc150.
<div style="border:1px solid #bcc150;">Content here</div>
.text {color:#bcc150;}
.background {background-color:#bcc150;}
.border {border:1px solid #bcc150;}
Shades and Tints of #bcc150
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, #0d0d05 is the darkest color, while #fffffe is the lightest one.
-
#0d0d05
#0d0d05
rgb(13,13,5)
-
#1b1c0a
#1b1c0a
rgb(27,28,10)
-
#292a0f
#292a0f
rgb(41,42,15)
-
#373914
#373914
rgb(55,57,20)
-
#454719
#454719
rgb(69,71,25)
-
#53561e
#53561e
rgb(83,86,30)
-
#616423
#616423
rgb(97,100,35)
-
#6f7329
#6f7329
rgb(111,115,41)
-
#7d812e
#7d812e
rgb(125,129,46)
-
#8c9033
#8c9033
rgb(140,144,51)
-
#9a9e38
#9a9e38
rgb(154,158,56)
-
#a8ad3d
#a8ad3d
rgb(168,173,61)
-
#b6bb42
#b6bb42
rgb(182,187,66)
-
#bcc150
#bcc150
rgb(188,193,80)
-
#c2c65e
#c2c65e
rgb(194,198,94)
-
#c7cb6d
#c7cb6d
rgb(199,203,109)
-
#cdd07b
#cdd07b
rgb(205,208,123)
-
#d2d68a
#d2d68a
rgb(210,214,138)
-
#d8db98
#d8db98
rgb(216,219,152)
-
#dde0a7
#dde0a7
rgb(221,224,167)
-
#e3e5b5
#e3e5b5
rgb(227,229,181)
-
#e8eac4
#e8eac4
rgb(232,234,196)
-
#eeefd2
#eeefd2
rgb(238,239,210)
-
#f3f4e1
#f3f4e1
rgb(243,244,225)
-
#f9f9ef
#f9f9ef
rgb(249,249,239)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #bcc150
A tone is produced by adding gray to any pure hue. In this case, #8a8a87 is the less saturated color, while #eef819 is the most saturated one.
-
#8a8a87
#8a8a87
rgb(138,138,135)
-
#92937e
#92937e
rgb(146,147,126)
-
#9b9d74
#9b9d74
rgb(155,157,116)
-
#a3a66b
#a3a66b
rgb(163,166,107)
-
#abaf62
#abaf62
rgb(171,175,98)
-
#b4b859
#b4b859
rgb(180,184,89)
-
#bcc150
#bcc150
rgb(188,193,80)
-
#c4ca47
#c4ca47
rgb(196,202,71)
-
#cdd33e
#cdd33e
rgb(205,211,62)
-
#d5dc35
#d5dc35
rgb(213,220,53)
-
#dde52c
#dde52c
rgb(221,229,44)
-
#e6ef22
#e6ef22
rgb(230,239,34)
-
#eef819
#eef819
rgb(238,248,25)
Color Blindness Simulator
Below, you can see how #bcc150 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.