#b2bc45 hex color

In a RGB color space, hex #b2bc45 is composed of 69.8% red, 73.7% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 5.3% cyan, 0% magenta, 63.3% yellow and 26.3% black. It has a hue angle of 65 degrees, a saturation of 47% and a lightness of 50.4%. #b2bc45 color hex could be obtained by blending #ffff8a with #657900. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 70
- G 74
- B 27
RGB color chart
- C 5
- M 0
- Y 63
- K 26
CMYK color chart

● #b2bc45 color description : Moderate yellow.

The hexadecimal color #b2bc45 has RGB values of R:178, G:188, B:69 and CMYK values of C:0.05, M:0, Y:0.63, K:0.26. Its decimal value is 11713605.

Hex triplet	b2bc45	`#b2bc45`
RGB Decimal	178, 188, 69	`rgb(178,188,69)`
RGB Percent	69.8, 73.7, 27.1	`rgb(69.8%,73.7%,27.1%)`
CMYK	5, 0, 63, 26
HSL	65°, 47, 50.4	`hsl(65,47%,50.4%)`
HSV (or HSB)	65°, 63.3, 73.7
Web Safe	99cc33	`#99cc33`

CIE-LAB	73.455, -19.134, 57.002
XYZ	37.417, 45.861, 12.511
xyY	0.391, 0.479, 45.861
CIE-LCH	73.455, 60.128, 108.556
CIE-LUV	73.455, -1.574, 69.437
Hunter-Lab	67.721, -19.887, 36.451
Binary	10110010, 10111100, 01000101

#b2bc45
```
#b2bc45 rgb(178,188,69)
```
#4f45bc
```
#4f45bc rgb(79,69,188)
```

Complementary Color

#bc8b45
```
#bc8b45 rgb(188,139,69)
```
#b2bc45
```
#b2bc45 rgb(178,188,69)
```
#77bc45
```
#77bc45 rgb(119,188,69)
```

Analogous Color

#8b45bc
```
#8b45bc rgb(139,69,188)
```
#b2bc45
```
#b2bc45 rgb(178,188,69)
```
#4577bc
```
#4577bc rgb(69,119,188)
```

Split Complementary Color

#bc45b2
```
#bc45b2 rgb(188,69,178)
```
#b2bc45
```
#b2bc45 rgb(178,188,69)
```
#45b2bc
```
#45b2bc rgb(69,178,188)
```

Triadic Color

#bc4f45
```
#bc4f45 rgb(188,79,69)
```
#b2bc45
```
#b2bc45 rgb(178,188,69)
```
#45b2bc
```
#45b2bc rgb(69,178,188)
```
#4f45bc
```
#4f45bc rgb(79,69,188)
```

Tetradic Color

#7e8530
```
#7e8530 rgb(126,133,48)
```
#8f9737
```
#8f9737 rgb(143,151,55)
```
#a1aa3d
```
#a1aa3d rgb(161,170,61)
```
#b2bc45
```
#b2bc45 rgb(178,188,69)
```
#bac358
```
#bac358 rgb(186,195,88)
```
#c2ca6a
```
#c2ca6a rgb(194,202,106)
```
#c9d07d
```
#c9d07d rgb(201,208,125)
```

Monochromatic Color

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

#bca845
```
#bca845 rgb(188,168,69)
```
#bcb245
```
#bcb245 rgb(188,178,69)
```
#bcbc45
```
#bcbc45 rgb(188,188,69)
```
#b2bc45
```
#b2bc45 rgb(178,188,69)
```
#a8bc45
```
#a8bc45 rgb(168,188,69)
```
#9ebc45
```
#9ebc45 rgb(158,188,69)
```
#94bc45
```
#94bc45 rgb(148,188,69)
```

Similar Colors

Text with hexadecimal color #b2bc45

This text has a font color of #b2bc45.

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

#b2bc45 background color

This paragraph has a background color of #b2bc45.

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

#b2bc45 border color

This element has a border color of #b2bc45.

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

CSS codes

.text {color:#b2bc45;}

.background {background-color:#b2bc45;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0f1006
```
#0f1006 rgb(15,16,6)
```
#1d1e0b
```
#1d1e0b rgb(29,30,11)
```
#2a2d10
```
#2a2d10 rgb(42,45,16)
```
#383b15
```
#383b15 rgb(56,59,21)
```
#464a1b
```
#464a1b rgb(70,74,27)
```
#535820
```
#535820 rgb(83,88,32)
```
#616625
```
#616625 rgb(97,102,37)
```
#6f752a
```
#6f752a rgb(111,117,42)
```
#7c832f
```
#7c832f rgb(124,131,47)
```
#8a9234
```
#8a9234 rgb(138,146,52)
```
#97a03a
```
#97a03a rgb(151,160,58)
```
#a5af3f
```
#a5af3f rgb(165,175,63)
```

Shade Color Variation

#b2bc45
```
#b2bc45 rgb(178,188,69)
```
#b8c153
```
#b8c153 rgb(184,193,83)
```
#bec662
```
#bec662 rgb(190,198,98)
```
#c4cc70
```
#c4cc70 rgb(196,204,112)
```
#cad17f
```
#cad17f rgb(202,209,127)
```
#d0d68d
```
#d0d68d rgb(208,214,141)
```
#d6db9c
```
#d6db9c rgb(214,219,156)
```
#dce0aa
```
#dce0aa rgb(220,224,170)
```
#e2e6b8
```
#e2e6b8 rgb(226,230,184)
```
#e8ebc7
```
#e8ebc7 rgb(232,235,199)
```
#eef0d5
```
#eef0d5 rgb(238,240,213)
```
#f4f5e4
```
#f4f5e4 rgb(244,245,228)
```
#fafaf2
```
#fafaf2 rgb(250,250,242)
```

Tint Color Variation

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

#81827f
```
#81827f rgb(129,130,127)
```
#8a8b76
```
#8a8b76 rgb(138,139,118)
```
#92956c
```
#92956c rgb(146,149,108)
```
#9a9f62
```
#9a9f62 rgb(154,159,98)
```
#a2a958
```
#a2a958 rgb(162,169,88)
```
#aab24f
```
#aab24f rgb(170,178,79)
```
#b2bc45
```
#b2bc45 rgb(178,188,69)
```
#bac63b
```
#bac63b rgb(186,198,59)
```
#c2cf32
```
#c2cf32 rgb(194,207,50)
```
#cad928
```
#cad928 rgb(202,217,40)
```
#d2e31e
```
#d2e31e rgb(210,227,30)
```
#daed14
```
#daed14 rgb(218,237,20)
```
#e3f60b
```
#e3f60b rgb(227,246,11)
```

Tone Color Variation

Below, you can see how #b2bc45 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
#acae97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccb84c Protanopia 1% of men
#e2af54 Deuteranopia 1% of men
#c2b4c0 Tritanopia 0.001% of the population

Trichromacy

#c2b949 Protanomaly 1% of men, 0.01% of women
#d0b44f Deuteranomaly 6% of men, 0.4% of women
#bcb693 Tritanomaly 0.01% of the population

#b2bc45 hex color

#b2bc45 Color Information

#b2bc45 Color Conversion

Color Schemes with #b2bc45

Alternatives to #b2bc45

#b2bc45 Preview

Shades and Tints of #b2bc45

Tones of #b2bc45

Color Blindness Simulator