colorhexa.com

#b4af14 hex color

In a RGB color space, hex #b4af14 is composed of 70.6% red, 68.6% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 88.9% yellow and 29.4% black. It has a hue angle of 58.1 degrees, a saturation of 80% and a lightness of 39.2%. #b4af14 color hex could be obtained by blending #ffff28 with #695f00. Closest websafe color is: #cc9900.

- R 71
- G 69
- B 8
RGB color chart
- C 0
- M 3
- Y 89
- K 29
CMYK color chart

● #b4af14 color description : Strong yellow.

The hexadecimal color #b4af14 has RGB values of R:180, G:175, B:20 and CMYK values of C:0, M:0.03, Y:0.89, K:0.29. Its decimal value is 11841300.

Hex triplet	b4af14	`#b4af14`
RGB Decimal	180, 175, 20	`rgb(180,175,20)`
RGB Percent	70.6, 68.6, 7.8	`rgb(70.6%,68.6%,7.8%)`
CMYK	0, 3, 89, 29
HSL	58.1°, 80, 39.2	`hsl(58.1,80%,39.2%)`
HSV (or HSB)	58.1°, 88.9, 70.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	69.764, -13.768, 69.079
XYZ	34.279, 40.414, 6.657
xyY	0.421, 0.497, 40.414
CIE-LCH	69.764, 70.438, 101.272
CIE-LUV	69.764, 8.855, 74.713
Hunter-Lab	63.572, -15.003, 38.292
Binary	10110100, 10101111, 00010100

#b4af14
```
#b4af14 rgb(180,175,20)
```
#1419b4
```
#1419b4 rgb(20,25,180)
```

Complementary Color

#b45f14
```
#b45f14 rgb(180,95,20)
```
#b4af14
```
#b4af14 rgb(180,175,20)
```
#69b414
```
#69b414 rgb(105,180,20)
```

Analogous Color

#5f14b4
```
#5f14b4 rgb(95,20,180)
```
#b4af14
```
#b4af14 rgb(180,175,20)
```
#1469b4
```
#1469b4 rgb(20,105,180)
```

Split Complementary Color

#af14b4
```
#af14b4 rgb(175,20,180)
```
#b4af14
```
#b4af14 rgb(180,175,20)
```
#14b4af
```
#14b4af rgb(20,180,175)
```

Triadic Color

#b41419
```
#b41419 rgb(180,20,25)
```
#b4af14
```
#b4af14 rgb(180,175,20)
```
#14b4af
```
#14b4af rgb(20,180,175)
```
#1419b4
```
#1419b4 rgb(20,25,180)
```

Tetradic Color

#6f6c0c
```
#6f6c0c rgb(111,108,12)
```
#86820f
```
#86820f rgb(134,130,15)
```
#9d9911
```
#9d9911 rgb(157,153,17)
```
#b4af14
```
#b4af14 rgb(180,175,20)
```
#cbc517
```
#cbc517 rgb(203,197,23)
```
#e2dc19
```
#e2dc19 rgb(226,220,25)
```
#e8e22d
```
#e8e22d rgb(232,226,45)
```

Monochromatic Color

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

#b48714
```
#b48714 rgb(180,135,20)
```
#b49414
```
#b49414 rgb(180,148,20)
```
#b4a214
```
#b4a214 rgb(180,162,20)
```
#b4af14
```
#b4af14 rgb(180,175,20)
```
#acb414
```
#acb414 rgb(172,180,20)
```
#9eb414
```
#9eb414 rgb(158,180,20)
```
#91b414
```
#91b414 rgb(145,180,20)
```

Similar Colors

Text with hexadecimal color #b4af14

This text has a font color of #b4af14.

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

#b4af14 background color

This paragraph has a background color of #b4af14.

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

#b4af14 border color

This element has a border color of #b4af14.

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

CSS codes

.text {color:#b4af14;}

.background {background-color:#b4af14;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#151502
```
#151502 rgb(21,21,2)
```
#272604
```
#272604 rgb(39,38,4)
```
#383706
```
#383706 rgb(56,55,6)
```
#4a4808
```
#4a4808 rgb(74,72,8)
```
#5c590a
```
#5c590a rgb(92,89,10)
```
#6d6a0c
```
#6d6a0c rgb(109,106,12)
```
#7f7c0e
```
#7f7c0e rgb(127,124,14)
```
#918d10
```
#918d10 rgb(145,141,16)
```
#a29e12
```
#a29e12 rgb(162,158,18)
```
#b4af14
```
#b4af14 rgb(180,175,20)
```
#c6c016
```
#c6c016 rgb(198,192,22)
```
#d7d118
```
#d7d118 rgb(215,209,24)
```

Shade Color Variation

#e6e01d
```
#e6e01d rgb(230,224,29)
```
#e8e22f
```
#e8e22f rgb(232,226,47)
```
#eae540
```
#eae540 rgb(234,229,64)
```
#ece752
```
#ece752 rgb(236,231,82)
```
#eee964
```
#eee964 rgb(238,233,100)
```
#f0ec75
```
#f0ec75 rgb(240,236,117)
```
#f2ee87
```
#f2ee87 rgb(242,238,135)
```
#f4f199
```
#f4f199 rgb(244,241,153)
```
#f6f3aa
```
#f6f3aa rgb(246,243,170)
```
#f8f6bc
```
#f8f6bc rgb(248,246,188)
```
#faf8ce
```
#faf8ce rgb(250,248,206)
```
#fbfbdf
```
#fbfbdf rgb(251,251,223)
```
#fdfdf1
```
#fdfdf1 rgb(253,253,241)
```

Tint Color Variation

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

#676761
```
#676761 rgb(103,103,97)
```
#6f6e59
```
#6f6e59 rgb(111,110,89)
```
#767552
```
#767552 rgb(118,117,82)
```
#7e7d4a
```
#7e7d4a rgb(126,125,74)
```
#868442
```
#868442 rgb(134,132,66)
```
#8e8b3a
```
#8e8b3a rgb(142,139,58)
```
#959233
```
#959233 rgb(149,146,51)
```
#9d992b
```
#9d992b rgb(157,153,43)
```
#a5a123
```
#a5a123 rgb(165,161,35)
```
#aca81c
```
#aca81c rgb(172,168,28)
```
#b4af14
```
#b4af14 rgb(180,175,20)
```
#bcb60c
```
#bcb60c rgb(188,182,12)
```
#c3bd05
```
#c3bd05 rgb(195,189,5)
```

Tone Color Variation

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

Dichromacy

#c4af1f Protanopia 1% of men
#daa62a Deuteranopia 1% of men
#c3a7b3 Tritanopia 0.001% of the population

Trichromacy

#beaf1b Protanomaly 1% of men, 0.01% of women
#cca922 Deuteranomaly 6% of men, 0.4% of women
#beaa79 Tritanomaly 0.01% of the population