#b2af4c hex color

In a RGB color space, hex #b2af4c is composed of 69.8% red, 68.6% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.7% magenta, 57.3% yellow and 30.2% black. It has a hue angle of 58.2 degrees, a saturation of 40.2% and a lightness of 49.8%. #b2af4c color hex could be obtained by blending #ffff98 with #655f00. Closest websafe color is: #999933.

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

● #b2af4c color description : Dark moderate yellow.

The hexadecimal color #b2af4c has RGB values of R:178, G:175, B:76 and CMYK values of C:0, M:0.02, Y:0.57, K:0.3. Its decimal value is 11710284.

Hex triplet	b2af4c	`#b2af4c`
RGB Decimal	178, 175, 76	`rgb(178,175,76)`
RGB Percent	69.8, 68.6, 29.8	`rgb(69.8%,68.6%,29.8%)`
CMYK	0, 2, 57, 30
HSL	58.2°, 40.2, 49.8	`hsl(58.2,40.2%,49.8%)`
HSV (or HSB)	58.2°, 57.3, 69.8
Web Safe	999933	`#999933`

CIE-LAB	69.928, -12.016, 50.077
XYZ	34.994, 40.647, 12.839
xyY	0.396, 0.459, 40.647
CIE-LCH	69.928, 51.498, 103.493
CIE-LUV	69.928, 6.399, 61.003
Hunter-Lab	63.755, -13.595, 32.689
Binary	10110010, 10101111, 01001100

#b2af4c
```
#b2af4c rgb(178,175,76)
```
#4c4fb2
```
#4c4fb2 rgb(76,79,178)
```

Complementary Color

#b27c4c
```
#b27c4c rgb(178,124,76)
```
#b2af4c
```
#b2af4c rgb(178,175,76)
```
#82b24c
```
#82b24c rgb(130,178,76)
```

Analogous Color

#7c4cb2
```
#7c4cb2 rgb(124,76,178)
```
#b2af4c
```
#b2af4c rgb(178,175,76)
```
#4c82b2
```
#4c82b2 rgb(76,130,178)
```

Split Complementary Color

#af4cb2
```
#af4cb2 rgb(175,76,178)
```
#b2af4c
```
#b2af4c rgb(178,175,76)
```
#4cb2af
```
#4cb2af rgb(76,178,175)
```

Triadic Color

#b24c4f
```
#b24c4f rgb(178,76,79)
```
#b2af4c
```
#b2af4c rgb(178,175,76)
```
#4cb2af
```
#4cb2af rgb(76,178,175)
```
#4c4fb2
```
#4c4fb2 rgb(76,79,178)
```

Tetradic Color

#7c7a35
```
#7c7a35 rgb(124,122,53)
```
#8e8c3d
```
#8e8c3d rgb(142,140,61)
```
#a09d44
```
#a09d44 rgb(160,157,68)
```
#b2af4c
```
#b2af4c rgb(178,175,76)
```
#bab75d
```
#bab75d rgb(186,183,93)
```
#c2bf6f
```
#c2bf6f rgb(194,191,111)
```
#c9c781
```
#c9c781 rgb(201,199,129)
```

Monochromatic Color

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

#b2964c
```
#b2964c rgb(178,150,76)
```
#b29e4c
```
#b29e4c rgb(178,158,76)
```
#b2a74c
```
#b2a74c rgb(178,167,76)
```
#b2af4c
```
#b2af4c rgb(178,175,76)
```
#adb24c
```
#adb24c rgb(173,178,76)
```
#a4b24c
```
#a4b24c rgb(164,178,76)
```
#9cb24c
```
#9cb24c rgb(156,178,76)
```

Similar Colors

Text with hexadecimal color #b2af4c

This text has a font color of #b2af4c.

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

#b2af4c background color

This paragraph has a background color of #b2af4c.

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

#b2af4c border color

This element has a border color of #b2af4c.

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

CSS codes

.text {color:#b2af4c;}

.background {background-color:#b2af4c;}

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

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

#0d0d06
```
#0d0d06 rgb(13,13,6)
```
#1b1a0b
```
#1b1a0b rgb(27,26,11)
```
#292811
```
#292811 rgb(41,40,17)
```
#363517
```
#363517 rgb(54,53,23)
```
#44431d
```
#44431d rgb(68,67,29)
```
#525023
```
#525023 rgb(82,80,35)
```
#605e29
```
#605e29 rgb(96,94,41)
```
#6d6b2f
```
#6d6b2f rgb(109,107,47)
```
#7b7935
```
#7b7935 rgb(123,121,53)
```
#89863a
```
#89863a rgb(137,134,58)
```
#979440
```
#979440 rgb(151,148,64)
```
#a4a146
```
#a4a146 rgb(164,161,70)
```
#b2af4c
```
#b2af4c rgb(178,175,76)
```

Shade Color Variation

#b8b559
```
#b8b559 rgb(184,181,89)
```
#bebc67
```
#bebc67 rgb(190,188,103)
```
#c4c275
```
#c4c275 rgb(196,194,117)
```
#cac883
```
#cac883 rgb(202,200,131)
```
#d0ce90
```
#d0ce90 rgb(208,206,144)
```
#d6d49e
```
#d6d49e rgb(214,212,158)
```
#dbdaac
```
#dbdaac rgb(219,218,172)
```
#e1e0ba
```
#e1e0ba rgb(225,224,186)
```
#e7e6c7
```
#e7e6c7 rgb(231,230,199)
```
#edecd5
```
#edecd5 rgb(237,236,213)
```
#f3f2e3
```
#f3f2e3 rgb(243,242,227)
```
#f9f9f1
```
#f9f9f1 rgb(249,249,241)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#81817d
```
#81817d rgb(129,129,125)
```
#8b8a73
```
#8b8a73 rgb(139,138,115)
```
#959369
```
#959369 rgb(149,147,105)
```
#9e9d60
```
#9e9d60 rgb(158,157,96)
```
#a8a656
```
#a8a656 rgb(168,166,86)
```
#b2af4c
```
#b2af4c rgb(178,175,76)
```
#bcb842
```
#bcb842 rgb(188,184,66)
```
#c6c138
```
#c6c138 rgb(198,193,56)
```
#cfcb2f
```
#cfcb2f rgb(207,203,47)
```
#d9d425
```
#d9d425 rgb(217,212,37)
```
#e3dd1b
```
#e3dd1b rgb(227,221,27)
```
#ede611
```
#ede611 rgb(237,230,17)
```
#f6ef08
```
#f6ef08 rgb(246,239,8)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a8a793 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1af54 Protanopia 1% of men
#d6a759 Deuteranopia 1% of men
#c0a8b4 Tritanopia 0.001% of the population

Trichromacy

#bbaf51 Protanomaly 1% of men, 0.01% of women
#c9aa54 Deuteranomaly 6% of men, 0.4% of women
#bbab8e Tritanomaly 0.01% of the population

#b2af4c hex color

#b2af4c Color Information

#b2af4c Color Conversion

Color Schemes with #b2af4c

Alternatives to #b2af4c

#b2af4c Preview

Shades and Tints of #b2af4c

Tones of #b2af4c

Color Blindness Simulator