#bcc396 Color Information
In a RGB color space, hex #bcc396 is composed of 73.7% red, 76.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 0% magenta, 23.1% yellow and 23.5% black. It has a hue angle of 69.3 degrees, a saturation of 27.3% and a lightness of 67.6%. #bcc396 color hex could be obtained by blending #ffffff with #79872d. Closest websafe color is: #cccc99.
-
- R 74
- G 76
- B 59
-
- C 4
- M 0
- Y 23
- K 24
● #bcc396 color description : Grayish yellow.
#bcc396 Color Conversion
The hexadecimal color #bcc396 has RGB values of R:188, G:195, B:150 and CMYK values of C:0.04, M:0, Y:0.23, K:0.24. Its decimal value is 12370838.
Hex triplet | bcc396 | #bcc396 |
---|---|---|
RGB Decimal | 188, 195, 150 | rgb(188,195,150) |
RGB Percent | 73.7, 76.5, 58.8 | rgb(73.7%,76.5%,58.8%) |
CMYK | 4, 0, 23, 24 | |
HSL | 69.3°, 27.3, 67.6 | hsl(69.3,27.3%,67.6%) |
HSV (or HSB) | 69.3°, 23.1, 76.5 | |
Web Safe | cccc99 | #cccc99 |
CIE-LAB | 77.235, -10.002, 21.862 |
---|---|
XYZ | 45.758, 51.924, 36.464 |
xyY | 0.341, 0.387, 51.924 |
CIE-LCH | 77.235, 24.041, 114.583 |
CIE-LUV | 77.235, -1.882, 32.126 |
Hunter-Lab | 72.058, -12.751, 20.438 |
Binary | 10111100, 11000011, 10010110 |
Color Schemes with #bcc396
Alternatives to #bcc396
Below, you can see some colors close to #bcc396. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bcc396 Preview
This text has a font color of #bcc396.
<span style="color:#bcc396;">Text here</span>
This paragraph has a background color of #bcc396.
<p style="background-color:#bcc396;">Content here</p>
This element has a border color of #bcc396.
<div style="border:1px solid #bcc396;">Content here</div>
.text {color:#bcc396;}
.background {background-color:#bcc396;}
.border {border:1px solid #bcc396;}
Shades and Tints of #bcc396
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, #070704 is the darkest color, while #fcfcfa is the lightest one.
-
#070704
#070704
rgb(7,7,4)
-
#13140b
#13140b
rgb(19,20,11)
-
#1e2012
#1e2012
rgb(30,32,18)
-
#2a2d1a
#2a2d1a
rgb(42,45,26)
-
#353921
#353921
rgb(53,57,33)
-
#414628
#414628
rgb(65,70,40)
-
#4d522f
#4d522f
rgb(77,82,47)
-
#585f36
#585f36
rgb(88,95,54)
-
#646b3d
#646b3d
rgb(100,107,61)
-
#707844
#707844
rgb(112,120,68)
-
#7b844c
#7b844c
rgb(123,132,76)
-
#879153
#879153
rgb(135,145,83)
-
#939d5a
#939d5a
rgb(147,157,90)
-
#9ca664
#9ca664
rgb(156,166,100)
-
#a4ae71
#a4ae71
rgb(164,174,113)
-
#acb57d
#acb57d
rgb(172,181,125)
-
#b4bc8a
#b4bc8a
rgb(180,188,138)
-
#bcc396
#bcc396
rgb(188,195,150)
-
#c4caa2
#c4caa2
rgb(196,202,162)
-
#ccd1af
#ccd1af
rgb(204,209,175)
-
#d4d8bb
#d4d8bb
rgb(212,216,187)
-
#dce0c8
#dce0c8
rgb(220,224,200)
-
#e4e7d4
#e4e7d4
rgb(228,231,212)
-
#eceee1
#eceee1
rgb(236,238,225)
-
#f4f5ed
#f4f5ed
rgb(244,245,237)
-
#fcfcfa
#fcfcfa
rgb(252,252,250)
Tones of #bcc396
A tone is produced by adding gray to any pure hue. In this case, #afb0a9 is the less saturated color, while #e3fc5d is the most saturated one.
-
#afb0a9
#afb0a9
rgb(175,176,169)
-
#b3b6a3
#b3b6a3
rgb(179,182,163)
-
#b8bd9c
#b8bd9c
rgb(184,189,156)
-
#bcc396
#bcc396
rgb(188,195,150)
-
#c0c990
#c0c990
rgb(192,201,144)
-
#c5d089
#c5d089
rgb(197,208,137)
-
#c9d683
#c9d683
rgb(201,214,131)
-
#cddc7d
#cddc7d
rgb(205,220,125)
-
#d2e376
#d2e376
rgb(210,227,118)
-
#d6e970
#d6e970
rgb(214,233,112)
-
#dbef6a
#dbef6a
rgb(219,239,106)
-
#dff663
#dff663
rgb(223,246,99)
-
#e3fc5d
#e3fc5d
rgb(227,252,93)
Color Blindness Simulator
Below, you can see how #bcc396 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.