#b1af30 hex color

In a RGB color space, hex #b1af30 is composed of 69.4% red, 68.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.1% magenta, 72.9% yellow and 30.6% black. It has a hue angle of 59.1 degrees, a saturation of 57.3% and a lightness of 44.1%. #b1af30 color hex could be obtained by blending #ffff60 with #635f00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 69
- B 19
RGB color chart
- C 0
- M 1
- Y 73
- K 31
CMYK color chart

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

The hexadecimal color #b1af30 has RGB values of R:177, G:175, B:48 and CMYK values of C:0, M:0.01, Y:0.73, K:0.31. Its decimal value is 11644720.

Hex triplet	b1af30	`#b1af30`
RGB Decimal	177, 175, 48	`rgb(177,175,48)`
RGB Percent	69.4, 68.6, 18.8	`rgb(69.4%,68.6%,18.8%)`
CMYK	0, 1, 73, 31
HSL	59.1°, 57.3, 44.1	`hsl(59.1,57.3%,44.1%)`
HSV (or HSB)	59.1°, 72.9, 69.4
Web Safe	999933	`#999933`

CIE-LAB	69.627, -14.162, 61.263
XYZ	33.995, 40.221, 8.769
xyY	0.41, 0.485, 40.221
CIE-LCH	69.627, 62.879, 103.016
CIE-LUV	69.627, 6.397, 69.826
Hunter-Lab	63.42, -15.304, 36.196
Binary	10110001, 10101111, 00110000

#b1af30
```
#b1af30 rgb(177,175,48)
```
#3032b1
```
#3032b1 rgb(48,50,177)
```

Complementary Color

#b16f30
```
#b16f30 rgb(177,111,48)
```
#b1af30
```
#b1af30 rgb(177,175,48)
```
#73b130
```
#73b130 rgb(115,177,48)
```

Analogous Color

#6f30b1
```
#6f30b1 rgb(111,48,177)
```
#b1af30
```
#b1af30 rgb(177,175,48)
```
#3073b1
```
#3073b1 rgb(48,115,177)
```

Split Complementary Color

#af30b1
```
#af30b1 rgb(175,48,177)
```
#b1af30
```
#b1af30 rgb(177,175,48)
```
#30b1af
```
#30b1af rgb(48,177,175)
```

Triadic Color

#b13032
```
#b13032 rgb(177,48,50)
```
#b1af30
```
#b1af30 rgb(177,175,48)
```
#30b1af
```
#30b1af rgb(48,177,175)
```
#3032b1
```
#3032b1 rgb(48,50,177)
```

Tetradic Color

#757420
```
#757420 rgb(117,116,32)
```
#898725
```
#898725 rgb(137,135,37)
```
#9d9b2b
```
#9d9b2b rgb(157,155,43)
```
#b1af30
```
#b1af30 rgb(177,175,48)
```
#c5c335
```
#c5c335 rgb(197,195,53)
```
#cdcb47
```
#cdcb47 rgb(205,203,71)
```
#d3d15b
```
#d3d15b rgb(211,209,91)
```

Monochromatic Color

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

#b18f30
```
#b18f30 rgb(177,143,48)
```
#b19a30
```
#b19a30 rgb(177,154,48)
```
#b1a430
```
#b1a430 rgb(177,164,48)
```
#b1af30
```
#b1af30 rgb(177,175,48)
```
#a8b130
```
#a8b130 rgb(168,177,48)
```
#9eb130
```
#9eb130 rgb(158,177,48)
```
#93b130
```
#93b130 rgb(147,177,48)
```

Similar Colors

Text with hexadecimal color #b1af30

This text has a font color of #b1af30.

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

#b1af30 background color

This paragraph has a background color of #b1af30.

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

#b1af30 border color

This element has a border color of #b1af30.

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

CSS codes

.text {color:#b1af30;}

.background {background-color:#b1af30;}

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

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

#070702
```
#070702 rgb(7,7,2)
```
#171606
```
#171606 rgb(23,22,6)
```
#26260a
```
#26260a rgb(38,38,10)
```
#36350f
```
#36350f rgb(54,53,15)
```
#454413
```
#454413 rgb(69,68,19)
```
#545317
```
#545317 rgb(84,83,23)
```
#64631b
```
#64631b rgb(100,99,27)
```
#73721f
```
#73721f rgb(115,114,31)
```
#838123
```
#838123 rgb(131,129,35)
```
#929028
```
#929028 rgb(146,144,40)
```
#a2a02c
```
#a2a02c rgb(162,160,44)
```
#b1af30
```
#b1af30 rgb(177,175,48)
```
#c0be34
```
#c0be34 rgb(192,190,52)
```

Shade Color Variation

#cbc83e
```
#cbc83e rgb(203,200,62)
```
#cfcd4d
```
#cfcd4d rgb(207,205,77)
```
#d3d15d
```
#d3d15d rgb(211,209,93)
```
#d7d56c
```
#d7d56c rgb(215,213,108)
```
#dbda7b
```
#dbda7b rgb(219,218,123)
```
#dfde8b
```
#dfde8b rgb(223,222,139)
```
#e4e39a
```
#e4e39a rgb(228,227,154)
```
#e8e7aa
```
#e8e7aa rgb(232,231,170)
```
#ecebb9
```
#ecebb9 rgb(236,235,185)
```
#f0f0c9
```
#f0f0c9 rgb(240,240,201)
```
#f4f4d8
```
#f4f4d8 rgb(244,244,216)
```
#f9f8e7
```
#f9f8e7 rgb(249,248,231)
```
#fdfdf7
```
#fdfdf7 rgb(253,253,247)
```

Tint Color Variation

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

#74746d
```
#74746d rgb(116,116,109)
```
#7d7d64
```
#7d7d64 rgb(125,125,100)
```
#86855b
```
#86855b rgb(134,133,91)
```
#8e8d53
```
#8e8d53 rgb(142,141,83)
```
#97964a
```
#97964a rgb(151,150,74)
```
#a09e41
```
#a09e41 rgb(160,158,65)
```
#a8a739
```
#a8a739 rgb(168,167,57)
```
#b1af30
```
#b1af30 rgb(177,175,48)
```
#bab727
```
#bab727 rgb(186,183,39)
```
#c2c01f
```
#c2c01f rgb(194,192,31)
```
#cbc816
```
#cbc816 rgb(203,200,22)
```
#d4d10d
```
#d4d10d rgb(212,209,13)
```
#dcd905
```
#dcd905 rgb(220,217,5)
```

Tone Color Variation

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

#c2ae39 Protanopia 1% of men
#d8a640 Deuteranopia 1% of men
#c0a7b3 Tritanopia 0.001% of the population

Trichromacy

#bcae36 Protanomaly 1% of men, 0.01% of women
#c9a93a Deuteranomaly 6% of men, 0.4% of women
#baaa83 Tritanomaly 0.01% of the population

#b1af30 hex color

#b1af30 Color Information

#b1af30 Color Conversion

Color Schemes with #b1af30

Alternatives to #b1af30

#b1af30 Preview

Shades and Tints of #b1af30

Tones of #b1af30

Color Blindness Simulator