#b1ae36 hex color

In a RGB color space, hex #b1ae36 is composed of 69.4% red, 68.2% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.7% magenta, 69.5% yellow and 30.6% black. It has a hue angle of 58.5 degrees, a saturation of 53.2% and a lightness of 45.3%. #b1ae36 color hex could be obtained by blending #ffff6c with #635d00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 68
- B 21
RGB color chart
- C 0
- M 2
- Y 69
- K 31
CMYK color chart

● #b1ae36 color description : Dark moderate yellow.

The hexadecimal color #b1ae36 has RGB values of R:177, G:174, B:54 and CMYK values of C:0, M:0.02, Y:0.69, K:0.31. Its decimal value is 11644470.

Hex triplet	b1ae36	`#b1ae36`
RGB Decimal	177, 174, 54	`rgb(177,174,54)`
RGB Percent	69.4, 68.2, 21.2	`rgb(69.4%,68.2%,21.2%)`
CMYK	0, 2, 69, 31
HSL	58.5°, 53.2, 45.3	`hsl(58.5,53.2%,45.3%)`
HSV (or HSB)	58.5°, 69.5, 69.4
Web Safe	999933	`#999933`

CIE-LAB	69.388, -13.349, 58.824
XYZ	33.933, 39.886, 9.401
xyY	0.408, 0.479, 39.886
CIE-LCH	69.388, 60.32, 102.786
CIE-LUV	69.388, 6.931, 67.845
Hunter-Lab	63.156, -14.614, 35.383
Binary	10110001, 10101110, 00110110

#b1ae36
```
#b1ae36 rgb(177,174,54)
```
#3639b1
```
#3639b1 rgb(54,57,177)
```

Complementary Color

#b17136
```
#b17136 rgb(177,113,54)
```
#b1ae36
```
#b1ae36 rgb(177,174,54)
```
#77b136
```
#77b136 rgb(119,177,54)
```

Analogous Color

#7136b1
```
#7136b1 rgb(113,54,177)
```
#b1ae36
```
#b1ae36 rgb(177,174,54)
```
#3677b1
```
#3677b1 rgb(54,119,177)
```

Split Complementary Color

#ae36b1
```
#ae36b1 rgb(174,54,177)
```
#b1ae36
```
#b1ae36 rgb(177,174,54)
```
#36b1ae
```
#36b1ae rgb(54,177,174)
```

Triadic Color

#b13639
```
#b13639 rgb(177,54,57)
```
#b1ae36
```
#b1ae36 rgb(177,174,54)
```
#36b1ae
```
#36b1ae rgb(54,177,174)
```
#3639b1
```
#3639b1 rgb(54,57,177)
```

Tetradic Color

#767424
```
#767424 rgb(118,116,36)
```
#8a882a
```
#8a882a rgb(138,136,42)
```
#9d9b30
```
#9d9b30 rgb(157,155,48)
```
#b1ae36
```
#b1ae36 rgb(177,174,54)
```
#c4c03d
```
#c4c03d rgb(196,192,61)
```
#cac750
```
#cac750 rgb(202,199,80)
```
#d0cd64
```
#d0cd64 rgb(208,205,100)
```

Monochromatic Color

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

#b18f36
```
#b18f36 rgb(177,143,54)
```
#b19a36
```
#b19a36 rgb(177,154,54)
```
#b1a436
```
#b1a436 rgb(177,164,54)
```
#b1ae36
```
#b1ae36 rgb(177,174,54)
```
#aab136
```
#aab136 rgb(170,177,54)
```
#a0b136
```
#a0b136 rgb(160,177,54)
```
#95b136
```
#95b136 rgb(149,177,54)
```

Similar Colors

Text with hexadecimal color #b1ae36

This text has a font color of #b1ae36.

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

#b1ae36 background color

This paragraph has a background color of #b1ae36.

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

#b1ae36 border color

This element has a border color of #b1ae36.

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

CSS codes

.text {color:#b1ae36;}

.background {background-color:#b1ae36;}

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

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

#0c0b04
```
#0c0b04 rgb(12,11,4)
```
#1b1a08
```
#1b1a08 rgb(27,26,8)
```
#2a290d
```
#2a290d rgb(42,41,13)
```
#393811
```
#393811 rgb(57,56,17)
```
#484716
```
#484716 rgb(72,71,22)
```
#57551a
```
#57551a rgb(87,85,26)
```
#66641f
```
#66641f rgb(102,100,31)
```
#757324
```
#757324 rgb(117,115,36)
```
#848228
```
#848228 rgb(132,130,40)
```
#93902d
```
#93902d rgb(147,144,45)
```
#a29f31
```
#a29f31 rgb(162,159,49)
```
#b1ae36
```
#b1ae36 rgb(177,174,54)
```
#c0bd3b
```
#c0bd3b rgb(192,189,59)
```

Shade Color Variation

#c7c447
```
#c7c447 rgb(199,196,71)
```
#ccc956
```
#ccc956 rgb(204,201,86)
```
#d0ce65
```
#d0ce65 rgb(208,206,101)
```
#d5d274
```
#d5d274 rgb(213,210,116)
```
#d9d783
```
#d9d783 rgb(217,215,131)
```
#dedc92
```
#dedc92 rgb(222,220,146)
```
#e2e1a1
```
#e2e1a1 rgb(226,225,161)
```
#e7e6b0
```
#e7e6b0 rgb(231,230,176)
```
#ecebc0
```
#ecebc0 rgb(236,235,192)
```
#f0efcf
```
#f0efcf rgb(240,239,207)
```
#f5f4de
```
#f5f4de rgb(245,244,222)
```
#f9f9ed
```
#f9f9ed rgb(249,249,237)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#7c7b6b
```
#7c7b6b rgb(124,123,107)
```
#858462
```
#858462 rgb(133,132,98)
```
#8d8c5a
```
#8d8c5a rgb(141,140,90)
```
#969551
```
#969551 rgb(150,149,81)
```
#9f9d48
```
#9f9d48 rgb(159,157,72)
```
#a8a63f
```
#a8a63f rgb(168,166,63)
```
#b1ae36
```
#b1ae36 rgb(177,174,54)
```
#bab62d
```
#bab62d rgb(186,182,45)
```
#c3bf24
```
#c3bf24 rgb(195,191,36)
```
#ccc71b
```
#ccc71b rgb(204,199,27)
```
#d5d012
```
#d5d012 rgb(213,208,18)
```
#ddd80a
```
#ddd80a rgb(221,216,10)
```
#e6e101
```
#e6e101 rgb(230,225,1)
```

Tone Color Variation

Below, you can see how #b1ae36 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
#a4a48c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1ae3f Protanopia 1% of men
#d6a545 Deuteranopia 1% of men
#c0a7b3 Tritanopia 0.001% of the population

Trichromacy

#bbae3b Protanomaly 1% of men, 0.01% of women
#c9a840 Deuteranomaly 6% of men, 0.4% of women
#baa985 Tritanomaly 0.01% of the population

#b1ae36 hex color

#b1ae36 Color Information

#b1ae36 Color Conversion

Color Schemes with #b1ae36

Alternatives to #b1ae36

#b1ae36 Preview

Shades and Tints of #b1ae36

Tones of #b1ae36

Color Blindness Simulator