#b3ad22 hex color

In a RGB color space, hex #b3ad22 is composed of 70.2% red, 67.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.4% magenta, 81% yellow and 29.8% black. It has a hue angle of 57.5 degrees, a saturation of 68.1% and a lightness of 41.8%. #b3ad22 color hex could be obtained by blending #ffff44 with #675b00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 70
- G 68
- B 13
RGB color chart
- C 0
- M 3
- Y 81
- K 30
CMYK color chart

● #b3ad22 color description : Strong yellow.

The hexadecimal color #b3ad22 has RGB values of R:179, G:173, B:34 and CMYK values of C:0, M:0.03, Y:0.81, K:0.3. Its decimal value is 11775266.

Hex triplet	b3ad22	`#b3ad22`
RGB Decimal	179, 173, 34	`rgb(179,173,34)`
RGB Percent	70.2, 67.8, 13.3	`rgb(70.2%,67.8%,13.3%)`
CMYK	0, 3, 81, 30
HSL	57.5°, 68.1, 41.8	`hsl(57.5,68.1%,41.8%)`
HSV (or HSB)	57.5°, 81, 70.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.174, -12.812, 65.335
XYZ	33.823, 39.587, 7.373
xyY	0.419, 0.49, 39.587
CIE-LCH	69.174, 66.579, 101.095
CIE-LUV	69.174, 9.336, 71.947
Hunter-Lab	62.918, -14.151, 37.095
Binary	10110011, 10101101, 00100010

#b3ad22
```
#b3ad22 rgb(179,173,34)
```
#2228b3
```
#2228b3 rgb(34,40,179)
```

Complementary Color

#b36522
```
#b36522 rgb(179,101,34)
```
#b3ad22
```
#b3ad22 rgb(179,173,34)
```
#71b322
```
#71b322 rgb(113,179,34)
```

Analogous Color

#6522b3
```
#6522b3 rgb(101,34,179)
```
#b3ad22
```
#b3ad22 rgb(179,173,34)
```
#2271b3
```
#2271b3 rgb(34,113,179)
```

Split Complementary Color

#ad22b3
```
#ad22b3 rgb(173,34,179)
```
#b3ad22
```
#b3ad22 rgb(179,173,34)
```
#22b3ad
```
#22b3ad rgb(34,179,173)
```

Triadic Color

#b32228
```
#b32228 rgb(179,34,40)
```
#b3ad22
```
#b3ad22 rgb(179,173,34)
```
#22b3ad
```
#22b3ad rgb(34,179,173)
```
#2228b3
```
#2228b3 rgb(34,40,179)
```

Tetradic Color

#736f16
```
#736f16 rgb(115,111,22)
```
#88841a
```
#88841a rgb(136,132,26)
```
#9e981e
```
#9e981e rgb(158,152,30)
```
#b3ad22
```
#b3ad22 rgb(179,173,34)
```
#c8c226
```
#c8c226 rgb(200,194,38)
```
#d8d130
```
#d8d130 rgb(216,209,48)
```
#dcd646
```
#dcd646 rgb(220,214,70)
```

Monochromatic Color

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

#b38922
```
#b38922 rgb(179,137,34)
```
#b39522
```
#b39522 rgb(179,149,34)
```
#b3a122
```
#b3a122 rgb(179,161,34)
```
#b3ad22
```
#b3ad22 rgb(179,173,34)
```
#adb322
```
#adb322 rgb(173,179,34)
```
#a1b322
```
#a1b322 rgb(161,179,34)
```
#95b322
```
#95b322 rgb(149,179,34)
```

Similar Colors

Text with hexadecimal color #b3ad22

This text has a font color of #b3ad22.

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

#b3ad22 background color

This paragraph has a background color of #b3ad22.

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

#b3ad22 border color

This element has a border color of #b3ad22.

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

CSS codes

.text {color:#b3ad22;}

.background {background-color:#b3ad22;}

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

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

#0e0e03
```
#0e0e03 rgb(14,14,3)
```
#1f1e06
```
#1f1e06 rgb(31,30,6)
```
#2f2e09
```
#2f2e09 rgb(47,46,9)
```
#403d0c
```
#403d0c rgb(64,61,12)
```
#504d0f
```
#504d0f rgb(80,77,15)
```
#615d12
```
#615d12 rgb(97,93,18)
```
#716d15
```
#716d15 rgb(113,109,21)
```
#827d19
```
#827d19 rgb(130,125,25)
```
#928d1c
```
#928d1c rgb(146,141,28)
```
#a39d1f
```
#a39d1f rgb(163,157,31)
```
#b3ad22
```
#b3ad22 rgb(179,173,34)
```
#c3bd25
```
#c3bd25 rgb(195,189,37)
```
#d4cd28
```
#d4cd28 rgb(212,205,40)
```

Shade Color Variation

#d9d237
```
#d9d237 rgb(217,210,55)
```
#dcd647
```
#dcd647 rgb(220,214,71)
```
#dfda58
```
#dfda58 rgb(223,218,88)
```
#e2dd68
```
#e2dd68 rgb(226,221,104)
```
#e6e179
```
#e6e179 rgb(230,225,121)
```
#e9e589
```
#e9e589 rgb(233,229,137)
```
#ece89a
```
#ece89a rgb(236,232,154)
```
#efecaa
```
#efecaa rgb(239,236,170)
```
#f2f0bb
```
#f2f0bb rgb(242,240,187)
```
#f5f3cb
```
#f5f3cb rgb(245,243,203)
```
#f8f7dc
```
#f8f7dc rgb(248,247,220)
```
#fbfbec
```
#fbfbec rgb(251,251,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#717164
```
#717164 rgb(113,113,100)
```
#7a785b
```
#7a785b rgb(122,120,91)
```
#828053
```
#828053 rgb(130,128,83)
```
#8a874b
```
#8a874b rgb(138,135,75)
```
#928f43
```
#928f43 rgb(146,143,67)
```
#9a963b
```
#9a963b rgb(154,150,59)
```
#a39e32
```
#a39e32 rgb(163,158,50)
```
#aba52a
```
#aba52a rgb(171,165,42)
```
#b3ad22
```
#b3ad22 rgb(179,173,34)
```
#bbb51a
```
#bbb51a rgb(187,181,26)
```
#c3bc12
```
#c3bc12 rgb(195,188,18)
```
#ccc409
```
#ccc409 rgb(204,196,9)
```
#d4cb01
```
#d4cb01 rgb(212,203,1)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a3a286 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1ad2c Protanopia 1% of men
#d7a534 Deuteranopia 1% of men
#c2a5b1 Tritanopia 0.001% of the population

Trichromacy

#bcad28 Protanomaly 1% of men, 0.01% of women
#caa82d Deuteranomaly 6% of men, 0.4% of women
#bca87d Tritanomaly 0.01% of the population

#b3ad22 hex color

#b3ad22 Color Information

#b3ad22 Color Conversion

Color Schemes with #b3ad22

Alternatives to #b3ad22

#b3ad22 Preview

Shades and Tints of #b3ad22

Tones of #b3ad22

Color Blindness Simulator