#b7b348 hex color

In a RGB color space, hex #b7b348 is composed of 71.8% red, 70.2% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.2% magenta, 60.7% yellow and 28.2% black. It has a hue angle of 57.8 degrees, a saturation of 43.5% and a lightness of 50%. #b7b348 color hex could be obtained by blending #ffff90 with #6f6700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 72
- G 70
- B 28
RGB color chart
- C 0
- M 2
- Y 61
- K 28
CMYK color chart

● #b7b348 color description : Moderate yellow.

The hexadecimal color #b7b348 has RGB values of R:183, G:179, B:72 and CMYK values of C:0, M:0.02, Y:0.61, K:0.28. Its decimal value is 12038984.

Hex triplet	b7b348	`#b7b348`
RGB Decimal	183, 179, 72	`rgb(183,179,72)`
RGB Percent	71.8, 70.2, 28.2	`rgb(71.8%,70.2%,28.2%)`
CMYK	0, 2, 61, 28
HSL	57.8°, 43.5, 50	`hsl(57.8,43.5%,50%)`
HSV (or HSB)	57.8°, 60.7, 71.8
Web Safe	cccc33	`#cccc33`

CIE-LAB	71.403, -12.252, 53.627
XYZ	36.818, 42.776, 12.448
xyY	0.4, 0.465, 42.776
CIE-LCH	71.403, 55.009, 102.869
CIE-LUV	71.403, 7.338, 64.512
Hunter-Lab	65.403, -13.971, 34.498
Binary	10110111, 10110011, 01001000

#b7b348
```
#b7b348 rgb(183,179,72)
```
#484cb7
```
#484cb7 rgb(72,76,183)
```

Complementary Color

#b77c48
```
#b77c48 rgb(183,124,72)
```
#b7b348
```
#b7b348 rgb(183,179,72)
```
#84b748
```
#84b748 rgb(132,183,72)
```

Analogous Color

#7c48b7
```
#7c48b7 rgb(124,72,183)
```
#b7b348
```
#b7b348 rgb(183,179,72)
```
#4884b7
```
#4884b7 rgb(72,132,183)
```

Split Complementary Color

#b348b7
```
#b348b7 rgb(179,72,183)
```
#b7b348
```
#b7b348 rgb(183,179,72)
```
#48b7b3
```
#48b7b3 rgb(72,183,179)
```

Triadic Color

#b7484c
```
#b7484c rgb(183,72,76)
```
#b7b348
```
#b7b348 rgb(183,179,72)
```
#48b7b3
```
#48b7b3 rgb(72,183,179)
```
#484cb7
```
#484cb7 rgb(72,76,183)
```

Tetradic Color

#807d32
```
#807d32 rgb(128,125,50)
```
#928f3a
```
#928f3a rgb(146,143,58)
```
#a5a141
```
#a5a141 rgb(165,161,65)
```
#b7b348
```
#b7b348 rgb(183,179,72)
```
#bebb5a
```
#bebb5a rgb(190,187,90)
```
#c5c26d
```
#c5c26d rgb(197,194,109)
```
#cdca7f
```
#cdca7f rgb(205,202,127)
```

Monochromatic Color

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

#b79748
```
#b79748 rgb(183,151,72)
```
#b7a148
```
#b7a148 rgb(183,161,72)
```
#b7aa48
```
#b7aa48 rgb(183,170,72)
```
#b7b348
```
#b7b348 rgb(183,179,72)
```
#b2b748
```
#b2b748 rgb(178,183,72)
```
#a9b748
```
#a9b748 rgb(169,183,72)
```
#9fb748
```
#9fb748 rgb(159,183,72)
```

Similar Colors

Text with hexadecimal color #b7b348

This text has a font color of #b7b348.

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

#b7b348 background color

This paragraph has a background color of #b7b348.

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

#b7b348 border color

This element has a border color of #b7b348.

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

CSS codes

.text {color:#b7b348;}

.background {background-color:#b7b348;}

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

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, #0e0e06 is the darkest color, while #ffffff is the lightest one.

#0e0e06
```
#0e0e06 rgb(14,14,6)
```
#1c1c0b
```
#1c1c0b rgb(28,28,11)
```
#2a2911
```
#2a2911 rgb(42,41,17)
```
#383716
```
#383716 rgb(56,55,22)
```
#46451c
```
#46451c rgb(70,69,28)
```
#545321
```
#545321 rgb(84,83,33)
```
#636027
```
#636027 rgb(99,96,39)
```
#716e2c
```
#716e2c rgb(113,110,44)
```
#7f7c32
```
#7f7c32 rgb(127,124,50)
```
#8d8a37
```
#8d8a37 rgb(141,138,55)
```
#9b973d
```
#9b973d rgb(155,151,61)
```
#a9a542
```
#a9a542 rgb(169,165,66)
```
#b7b348
```
#b7b348 rgb(183,179,72)
```

Shade Color Variation

#bdb956
```
#bdb956 rgb(189,185,86)
```
#c2bf64
```
#c2bf64 rgb(194,191,100)
```
#c8c572
```
#c8c572 rgb(200,197,114)
```
#cdca80
```
#cdca80 rgb(205,202,128)
```
#d3d08e
```
#d3d08e rgb(211,208,142)
```
#d8d69c
```
#d8d69c rgb(216,214,156)
```
#dedcab
```
#dedcab rgb(222,220,171)
```
#e3e2b9
```
#e3e2b9 rgb(227,226,185)
```
#e9e8c7
```
#e9e8c7 rgb(233,232,199)
```
#eeedd5
```
#eeedd5 rgb(238,237,213)
```
#f4f3e3
```
#f4f3e3 rgb(244,243,227)
```
#f9f9f1
```
#f9f9f1 rgb(249,249,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#868579
```
#868579 rgb(134,133,121)
```
#908f6f
```
#908f6f rgb(144,143,111)
```
#9a9865
```
#9a9865 rgb(154,152,101)
```
#a3a15c
```
#a3a15c rgb(163,161,92)
```
#adaa52
```
#adaa52 rgb(173,170,82)
```
#b7b348
```
#b7b348 rgb(183,179,72)
```
#c1bc3e
```
#c1bc3e rgb(193,188,62)
```
#cbc534
```
#cbc534 rgb(203,197,52)
```
#d4ce2b
```
#d4ce2b rgb(212,206,43)
```
#ded721
```
#ded721 rgb(222,215,33)
```
#e8e117
```
#e8e117 rgb(232,225,23)
```
#f2ea0d
```
#f2ea0d rgb(242,234,13)
```
#fcf303
```
#fcf303 rgb(252,243,3)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#abaa95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b350 Protanopia 1% of men
#dbaa56 Deuteranopia 1% of men
#c5acb8 Tritanopia 0.001% of the population

Trichromacy

#c0b34d Protanomaly 1% of men, 0.01% of women
#cead50 Deuteranomaly 6% of men, 0.4% of women
#c0ae8f Tritanomaly 0.01% of the population

#b7b348 hex color

#b7b348 Color Information

#b7b348 Color Conversion

Color Schemes with #b7b348

Alternatives to #b7b348

#b7b348 Preview

Shades and Tints of #b7b348

Tones of #b7b348

Color Blindness Simulator