#b2af2c hex color

In a RGB color space, hex #b2af2c is composed of 69.8% red, 68.6% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.7% magenta, 75.3% yellow and 30.2% black. It has a hue angle of 58.7 degrees, a saturation of 60.4% and a lightness of 43.5%. #b2af2c color hex could be obtained by blending #ffff58 with #655f00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 70
- G 69
- B 17
RGB color chart
- C 0
- M 2
- Y 75
- K 30
CMYK color chart

● #b2af2c color description : Dark yellow [Olive tone].

The hexadecimal color #b2af2c has RGB values of R:178, G:175, B:44 and CMYK values of C:0, M:0.02, Y:0.75, K:0.3. Its decimal value is 11710252.

Hex triplet	b2af2c	`#b2af2c`
RGB Decimal	178, 175, 44	`rgb(178,175,44)`
RGB Percent	69.8, 68.6, 17.3	`rgb(69.8%,68.6%,17.3%)`
CMYK	0, 2, 75, 30
HSL	58.7°, 60.4, 43.5	`hsl(58.7,60.4%,43.5%)`
HSV (or HSB)	58.7°, 75.3, 69.8
Web Safe	999933	`#999933`

CIE-LAB	69.688, -13.905, 62.718
XYZ	34.145, 40.307, 8.364
xyY	0.412, 0.487, 40.307
CIE-LCH	69.688, 64.241, 102.501
CIE-LUV	69.688, 7.155, 70.776
Hunter-Lab	63.488, -15.105, 36.631
Binary	10110010, 10101111, 00101100

#b2af2c
```
#b2af2c rgb(178,175,44)
```
#2c2fb2
```
#2c2fb2 rgb(44,47,178)
```

Complementary Color

#b26c2c
```
#b26c2c rgb(178,108,44)
```
#b2af2c
```
#b2af2c rgb(178,175,44)
```
#72b22c
```
#72b22c rgb(114,178,44)
```

Analogous Color

#6c2cb2
```
#6c2cb2 rgb(108,44,178)
```
#b2af2c
```
#b2af2c rgb(178,175,44)
```
#2c72b2
```
#2c72b2 rgb(44,114,178)
```

Split Complementary Color

#af2cb2
```
#af2cb2 rgb(175,44,178)
```
#b2af2c
```
#b2af2c rgb(178,175,44)
```
#2cb2af
```
#2cb2af rgb(44,178,175)
```

Triadic Color

#b22c2f
```
#b22c2f rgb(178,44,47)
```
#b2af2c
```
#b2af2c rgb(178,175,44)
```
#2cb2af
```
#2cb2af rgb(44,178,175)
```
#2c2fb2
```
#2c2fb2 rgb(44,47,178)
```

Tetradic Color

#75731d
```
#75731d rgb(117,115,29)
```
#898722
```
#898722 rgb(137,135,34)
```
#9e9b27
```
#9e9b27 rgb(158,155,39)
```
#b2af2c
```
#b2af2c rgb(178,175,44)
```
#c6c331
```
#c6c331 rgb(198,195,49)
```
#d0cd41
```
#d0cd41 rgb(208,205,65)
```
#d5d255
```
#d5d255 rgb(213,210,85)
```

Monochromatic Color

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

#b28e2c
```
#b28e2c rgb(178,142,44)
```
#b2992c
```
#b2992c rgb(178,153,44)
```
#b2a42c
```
#b2a42c rgb(178,164,44)
```
#b2af2c
```
#b2af2c rgb(178,175,44)
```
#aab22c
```
#aab22c rgb(170,178,44)
```
#9fb22c
```
#9fb22c rgb(159,178,44)
```
#94b22c
```
#94b22c rgb(148,178,44)
```

Similar Colors

Text with hexadecimal color #b2af2c

This text has a font color of #b2af2c.

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

#b2af2c background color

This paragraph has a background color of #b2af2c.

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

#b2af2c border color

This element has a border color of #b2af2c.

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

CSS codes

.text {color:#b2af2c;}

.background {background-color:#b2af2c;}

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

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

#050501
```
#050501 rgb(5,5,1)
```
#151405
```
#151405 rgb(21,20,5)
```
#242409
```
#242409 rgb(36,36,9)
```
#34330d
```
#34330d rgb(52,51,13)
```
#444311
```
#444311 rgb(68,67,17)
```
#545215
```
#545215 rgb(84,82,21)
```
#636219
```
#636219 rgb(99,98,25)
```
#73711c
```
#73711c rgb(115,113,28)
```
#838120
```
#838120 rgb(131,129,32)
```
#939024
```
#939024 rgb(147,144,36)
```
#a2a028
```
#a2a028 rgb(162,160,40)
```
#b2af2c
```
#b2af2c rgb(178,175,44)
```
#c2be30
```
#c2be30 rgb(194,190,48)
```

Shade Color Variation

#ceca38
```
#ceca38 rgb(206,202,56)
```
#d2ce47
```
#d2ce47 rgb(210,206,71)
```
#d5d357
```
#d5d357 rgb(213,211,87)
```
#d9d767
```
#d9d767 rgb(217,215,103)
```
#dddb76
```
#dddb76 rgb(221,219,118)
```
#e1df86
```
#e1df86 rgb(225,223,134)
```
#e5e396
```
#e5e396 rgb(229,227,150)
```
#e9e7a6
```
#e9e7a6 rgb(233,231,166)
```
#edecb5
```
#edecb5 rgb(237,236,181)
```
#f1f0c5
```
#f1f0c5 rgb(241,240,197)
```
#f5f4d5
```
#f5f4d5 rgb(245,244,213)
```
#f8f8e5
```
#f8f8e5 rgb(248,248,229)
```
#fcfcf4
```
#fcfcf4 rgb(252,252,244)
```

Tint Color Variation

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

#767668
```
#767668 rgb(118,118,104)
```
#7f7e5f
```
#7f7e5f rgb(127,126,95)
```
#878657
```
#878657 rgb(135,134,87)
```
#908e4e
```
#908e4e rgb(144,142,78)
```
#989746
```
#989746 rgb(152,151,70)
```
#a19f3d
```
#a19f3d rgb(161,159,61)
```
#a9a735
```
#a9a735 rgb(169,167,53)
```
#b2af2c
```
#b2af2c rgb(178,175,44)
```
#bbb723
```
#bbb723 rgb(187,183,35)
```
#c3bf1b
```
#c3bf1b rgb(195,191,27)
```
#ccc712
```
#ccc712 rgb(204,199,18)
```
#d4d00a
```
#d4d00a rgb(212,208,10)
```
#ddd801
```
#ddd801 rgb(221,216,1)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a4a48a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3ae35 Protanopia 1% of men
#d8a63d Deuteranopia 1% of men
#c1a7b3 Tritanopia 0.001% of the population

Trichromacy

#bcae32 Protanomaly 1% of men, 0.01% of women
#caa937 Deuteranomaly 6% of men, 0.4% of women
#bbaa82 Tritanomaly 0.01% of the population

#b2af2c hex color

#b2af2c Color Information

#b2af2c Color Conversion

Color Schemes with #b2af2c

Alternatives to #b2af2c

#b2af2c Preview

Shades and Tints of #b2af2c

Tones of #b2af2c

Color Blindness Simulator