#b3af02 hex color

In a RGB color space, hex #b3af02 is composed of 70.2% red, 68.6% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.2% magenta, 98.9% yellow and 29.8% black. It has a hue angle of 58.6 degrees, a saturation of 97.8% and a lightness of 35.5%. #b3af02 color hex could be obtained by blending #ffff04 with #675f00. Closest websafe color is: #cc9900.

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

● #b3af02 color description : Strong yellow.

The hexadecimal color #b3af02 has RGB values of R:179, G:175, B:2 and CMYK values of C:0, M:0.02, Y:0.99, K:0.3. Its decimal value is 11775746.

Hex triplet	b3af02	`#b3af02`
RGB Decimal	179, 175, 2	`rgb(179,175,2)`
RGB Percent	70.2, 68.6, 0.8	`rgb(70.2%,68.6%,0.8%)`
CMYK	0, 2, 99, 30
HSL	58.6°, 97.8, 35.5	`hsl(58.6,97.8%,35.5%)`
HSV (or HSB)	58.6°, 98.9, 70.2
Web Safe	cc9900	`#cc9900`

CIE-LAB	69.646, -14.468, 71.395
XYZ	33.932, 40.249, 6.039
xyY	0.423, 0.502, 40.249
CIE-LCH	69.646, 72.846, 101.455
CIE-LUV	69.646, 8.266, 76.092
Hunter-Lab	63.442, -15.554, 38.766
Binary	10110011, 10101111, 00000010

#b3af02
```
#b3af02 rgb(179,175,2)
```
#0206b3
```
#0206b3 rgb(2,6,179)
```

Complementary Color

#b35602
```
#b35602 rgb(179,86,2)
```
#b3af02
```
#b3af02 rgb(179,175,2)
```
#5fb302
```
#5fb302 rgb(95,179,2)
```

Analogous Color

#5602b3
```
#5602b3 rgb(86,2,179)
```
#b3af02
```
#b3af02 rgb(179,175,2)
```
#025fb3
```
#025fb3 rgb(2,95,179)
```

Split Complementary Color

#af02b3
```
#af02b3 rgb(175,2,179)
```
#b3af02
```
#b3af02 rgb(179,175,2)
```
#02b3af
```
#02b3af rgb(2,179,175)
```

Triadic Color

#b30206
```
#b30206 rgb(179,2,6)
```
#b3af02
```
#b3af02 rgb(179,175,2)
```
#02b3af
```
#02b3af rgb(2,179,175)
```
#0206b3
```
#0206b3 rgb(2,6,179)
```

Tetradic Color

#676501
```
#676501 rgb(103,101,1)
```
#817e01
```
#817e01 rgb(129,126,1)
```
#9a9602
```
#9a9602 rgb(154,150,2)
```
#b3af02
```
#b3af02 rgb(179,175,2)
```
#ccc802
```
#ccc802 rgb(204,200,2)
```
#e5e003
```
#e5e003 rgb(229,224,3)
```
#fcf705
```
#fcf705 rgb(252,247,5)
```

Monochromatic Color

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

#b38302
```
#b38302 rgb(179,131,2)
```
#b39202
```
#b39202 rgb(179,146,2)
```
#b3a002
```
#b3a002 rgb(179,160,2)
```
#b3af02
```
#b3af02 rgb(179,175,2)
```
#a8b302
```
#a8b302 rgb(168,179,2)
```
#9ab302
```
#9ab302 rgb(154,179,2)
```
#8bb302
```
#8bb302 rgb(139,179,2)
```

Similar Colors

Text with hexadecimal color #b3af02

This text has a font color of #b3af02.

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

#b3af02 background color

This paragraph has a background color of #b3af02.

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

#b3af02 border color

This element has a border color of #b3af02.

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

CSS codes

.text {color:#b3af02;}

.background {background-color:#b3af02;}

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

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

#040400
```
#040400 rgb(4,4,0)
```
#181700
```
#181700 rgb(24,23,0)
```
#2b2a00
```
#2b2a00 rgb(43,42,0)
```
#3f3d01
```
#3f3d01 rgb(63,61,1)
```
#525001
```
#525001 rgb(82,80,1)
```
#656301
```
#656301 rgb(101,99,1)
```
#797601
```
#797601 rgb(121,118,1)
```
#8c8902
```
#8c8902 rgb(140,137,2)
```
#a09c02
```
#a09c02 rgb(160,156,2)
```
#b3af02
```
#b3af02 rgb(179,175,2)
```
#c6c202
```
#c6c202 rgb(198,194,2)
```
#dad502
```
#dad502 rgb(218,213,2)
```
#ede803
```
#ede803 rgb(237,232,3)
```

Shade Color Variation

#fcf707
```
#fcf707 rgb(252,247,7)
```
#fcf71b
```
#fcf71b rgb(252,247,27)
```
#fdf82e
```
#fdf82e rgb(253,248,46)
```
#fdf941
```
#fdf941 rgb(253,249,65)
```
#fdf955
```
#fdf955 rgb(253,249,85)
```
#fdfa68
```
#fdfa68 rgb(253,250,104)
```
#fefb7c
```
#fefb7c rgb(254,251,124)
```
#fefb8f
```
#fefb8f rgb(254,251,143)
```
#fefca2
```
#fefca2 rgb(254,252,162)
```
#fefdb6
```
#fefdb6 rgb(254,253,182)
```
#fefdc9
```
#fefdc9 rgb(254,253,201)
```
#fffedd
```
#fffedd rgb(255,254,221)
```
#fffef0
```
#fffef0 rgb(255,254,240)
```

Tint Color Variation

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

#5f5f56
```
#5f5f56 rgb(95,95,86)
```
#66664f
```
#66664f rgb(102,102,79)
```
#6d6d48
```
#6d6d48 rgb(109,109,72)
```
#747341
```
#747341 rgb(116,115,65)
```
#7b7a3a
```
#7b7a3a rgb(123,122,58)
```
#828033
```
#828033 rgb(130,128,51)
```
#89872c
```
#89872c rgb(137,135,44)
```
#908e25
```
#908e25 rgb(144,142,37)
```
#97941e
```
#97941e rgb(151,148,30)
```
#9e9b17
```
#9e9b17 rgb(158,155,23)
```
#a5a210
```
#a5a210 rgb(165,162,16)
```
#aca809
```
#aca809 rgb(172,168,9)
```
#b3af02
```
#b3af02 rgb(179,175,2)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a1a07d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3ae05 Protanopia 1% of men
#daa620 Deuteranopia 1% of men
#c3a7b3 Tritanopia 0.001% of the population

Trichromacy

#bdae04 Protanomaly 1% of men, 0.01% of women
#cba915 Deuteranomaly 6% of men, 0.4% of women
#bdaa72 Tritanomaly 0.01% of the population

#b3af02 hex color

#b3af02 Color Information

#b3af02 Color Conversion

Color Schemes with #b3af02

Alternatives to #b3af02

#b3af02 Preview

Shades and Tints of #b3af02

Tones of #b3af02

Color Blindness Simulator