#b2ab1e hex color

In a RGB color space, hex #b2ab1e is composed of 69.8% red, 67.1% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.9% magenta, 83.1% yellow and 30.2% black. It has a hue angle of 57.2 degrees, a saturation of 71.2% and a lightness of 40.8%. #b2ab1e color hex could be obtained by blending #ffff3c with #655700. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 70
- G 67
- B 12
RGB color chart
- C 0
- M 4
- Y 83
- K 30
CMYK color chart

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

The hexadecimal color #b2ab1e has RGB values of R:178, G:171, B:30 and CMYK values of C:0, M:0.04, Y:0.83, K:0.3. Its decimal value is 11709214.

Hex triplet	b2ab1e	`#b2ab1e`
RGB Decimal	178, 171, 30	`rgb(178,171,30)`
RGB Percent	69.8, 67.1, 11.8	`rgb(69.8%,67.1%,11.8%)`
CMYK	0, 4, 83, 30
HSL	57.2°, 71.2, 40.8	`hsl(57.2,71.2%,40.8%)`
HSV (or HSB)	57.2°, 83.1, 69.8
Web Safe	999933	`#999933`

CIE-LAB	68.523, -12.342, 65.805
XYZ	33.158, 38.685, 6.949
xyY	0.421, 0.491, 38.685
CIE-LCH	68.523, 66.952, 100.623
CIE-LUV	68.523, 10.033, 71.779
Hunter-Lab	62.198, -13.687, 36.914
Binary	10110010, 10101011, 00011110

#b2ab1e
```
#b2ab1e rgb(178,171,30)
```
#1e25b2
```
#1e25b2 rgb(30,37,178)
```

Complementary Color

#b2611e
```
#b2611e rgb(178,97,30)
```
#b2ab1e
```
#b2ab1e rgb(178,171,30)
```
#6fb21e
```
#6fb21e rgb(111,178,30)
```

Analogous Color

#611eb2
```
#611eb2 rgb(97,30,178)
```
#b2ab1e
```
#b2ab1e rgb(178,171,30)
```
#1e6fb2
```
#1e6fb2 rgb(30,111,178)
```

Split Complementary Color

#ab1eb2
```
#ab1eb2 rgb(171,30,178)
```
#b2ab1e
```
#b2ab1e rgb(178,171,30)
```
#1eb2ab
```
#1eb2ab rgb(30,178,171)
```

Triadic Color

#b21e25
```
#b21e25 rgb(178,30,37)
```
#b2ab1e
```
#b2ab1e rgb(178,171,30)
```
#1eb2ab
```
#1eb2ab rgb(30,178,171)
```
#1e25b2
```
#1e25b2 rgb(30,37,178)
```

Tetradic Color

#716c13
```
#716c13 rgb(113,108,19)
```
#868117
```
#868117 rgb(134,129,23)
```
#9c961a
```
#9c961a rgb(156,150,26)
```
#b2ab1e
```
#b2ab1e rgb(178,171,30)
```
#c8c022
```
#c8c022 rgb(200,192,34)
```
#dbd228
```
#dbd228 rgb(219,210,40)
```
#ded73e
```
#ded73e rgb(222,215,62)
```

Monochromatic Color

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

#b2861e
```
#b2861e rgb(178,134,30)
```
#b2921e
```
#b2921e rgb(178,146,30)
```
#b29f1e
```
#b29f1e rgb(178,159,30)
```
#b2ab1e
```
#b2ab1e rgb(178,171,30)
```
#adb21e
```
#adb21e rgb(173,178,30)
```
#a0b21e
```
#a0b21e rgb(160,178,30)
```
#94b21e
```
#94b21e rgb(148,178,30)
```

Similar Colors

Text with hexadecimal color #b2ab1e

This text has a font color of #b2ab1e.

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

#b2ab1e background color

This paragraph has a background color of #b2ab1e.

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

#b2ab1e border color

This element has a border color of #b2ab1e.

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

CSS codes

.text {color:#b2ab1e;}

.background {background-color:#b2ab1e;}

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

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

#0a0a02
```
#0a0a02 rgb(10,10,2)
```
#1b1a05
```
#1b1a05 rgb(27,26,5)
```
#2c2a07
```
#2c2a07 rgb(44,42,7)
```
#3c3a0a
```
#3c3a0a rgb(60,58,10)
```
#4d4a0d
```
#4d4a0d rgb(77,74,13)
```
#5e5a10
```
#5e5a10 rgb(94,90,16)
```
#6f6a13
```
#6f6a13 rgb(111,106,19)
```
#807b16
```
#807b16 rgb(128,123,22)
```
#908b18
```
#908b18 rgb(144,139,24)
```
#a19b1b
```
#a19b1b rgb(161,155,27)
```
#b2ab1e
```
#b2ab1e rgb(178,171,30)
```
#c3bb21
```
#c3bb21 rgb(195,187,33)
```
#d4cb24
```
#d4cb24 rgb(212,203,36)
```

Shade Color Variation

#dcd42f
```
#dcd42f rgb(220,212,47)
```
#dfd740
```
#dfd740 rgb(223,215,64)
```
#e2db50
```
#e2db50 rgb(226,219,80)
```
#e4de61
```
#e4de61 rgb(228,222,97)
```
#e7e272
```
#e7e272 rgb(231,226,114)
```
#eae583
```
#eae583 rgb(234,229,131)
```
#ede994
```
#ede994 rgb(237,233,148)
```
#f0eca4
```
#f0eca4 rgb(240,236,164)
```
#f3f0b5
```
#f3f0b5 rgb(243,240,181)
```
#f5f3c6
```
#f5f3c6 rgb(245,243,198)
```
#f8f7d7
```
#f8f7d7 rgb(248,247,215)
```
#fbfae8
```
#fbfae8 rgb(251,250,232)
```
#fefef8
```
#fefef8 rgb(254,254,248)
```

Tint Color Variation

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

#6a6a66
```
#6a6a66 rgb(106,106,102)
```
#72715e
```
#72715e rgb(114,113,94)
```
#7a7856
```
#7a7856 rgb(122,120,86)
```
#82804e
```
#82804e rgb(130,128,78)
```
#8a8746
```
#8a8746 rgb(138,135,70)
```
#928e3e
```
#928e3e rgb(146,142,62)
```
#9a9536
```
#9a9536 rgb(154,149,54)
```
#a29d2e
```
#a29d2e rgb(162,157,46)
```
#aaa426
```
#aaa426 rgb(170,164,38)
```
#b2ab1e
```
#b2ab1e rgb(178,171,30)
```
#bab216
```
#bab216 rgb(186,178,22)
```
#c2b90e
```
#c2b90e rgb(194,185,14)
```
#cac106
```
#cac106 rgb(202,193,6)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a1a084 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ac28 Protanopia 1% of men
#d5a331 Deuteranopia 1% of men
#c1a4af Tritanopia 0.001% of the population

Trichromacy

#bbab24 Protanomaly 1% of men, 0.01% of women
#c8a62a Deuteranomaly 6% of men, 0.4% of women
#bba67a Tritanomaly 0.01% of the population

#b2ab1e hex color

#b2ab1e Color Information

#b2ab1e Color Conversion

Color Schemes with #b2ab1e

Alternatives to #b2ab1e

#b2ab1e Preview

Shades and Tints of #b2ab1e

Tones of #b2ab1e

Color Blindness Simulator