#abb316 hex color

In a RGB color space, hex #abb316 is composed of 67.1% red, 70.2% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 4.5% cyan, 0% magenta, 87.7% yellow and 29.8% black. It has a hue angle of 63.1 degrees, a saturation of 78.1% and a lightness of 39.4%. #abb316 color hex could be obtained by blending #ffff2c with #576700. Closest websafe color is: #99cc00.

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

● #abb316 color description : Strong yellow.

The hexadecimal color #abb316 has RGB values of R:171, G:179, B:22 and CMYK values of C:0.04, M:0, Y:0.88, K:0.3. Its decimal value is 11252502.

Hex triplet	abb316	`#abb316`
RGB Decimal	171, 179, 22	`rgb(171,179,22)`
RGB Percent	67.1, 70.2, 8.6	`rgb(67.1%,70.2%,8.6%)`
CMYK	4, 0, 88, 30
HSL	63.1°, 78.1, 39.4	`hsl(63.1,78.1%,39.4%)`
HSV (or HSB)	63.1°, 87.7, 70.2
Web Safe	99cc00	`#99cc00`

CIE-LAB	70.145, -19.684, 68.701
XYZ	33.06, 40.956, 6.923
xyY	0.408, 0.506, 40.956
CIE-LCH	70.145, 71.466, 105.987
CIE-LUV	70.145, 0.063, 75.986
Hunter-Lab	63.997, -19.786, 38.384
Binary	10101011, 10110011, 00010110

#abb316
```
#abb316 rgb(171,179,22)
```
#1e16b3
```
#1e16b3 rgb(30,22,179)
```

Complementary Color

#b36d16
```
#b36d16 rgb(179,109,22)
```
#abb316
```
#abb316 rgb(171,179,22)
```
#5db316
```
#5db316 rgb(93,179,22)
```

Analogous Color

#6d16b3
```
#6d16b3 rgb(109,22,179)
```
#abb316
```
#abb316 rgb(171,179,22)
```
#165db3
```
#165db3 rgb(22,93,179)
```

Split Complementary Color

#b316ab
```
#b316ab rgb(179,22,171)
```
#abb316
```
#abb316 rgb(171,179,22)
```
#16abb3
```
#16abb3 rgb(22,171,179)
```

Triadic Color

#b31e16
```
#b31e16 rgb(179,30,22)
```
#abb316
```
#abb316 rgb(171,179,22)
```
#16abb3
```
#16abb3 rgb(22,171,179)
```
#1e16b3
```
#1e16b3 rgb(30,22,179)
```

Tetradic Color

#6a6f0e
```
#6a6f0e rgb(106,111,14)
```
#808610
```
#808610 rgb(128,134,16)
```
#959c13
```
#959c13 rgb(149,156,19)
```
#abb316
```
#abb316 rgb(171,179,22)
```
#c1ca19
```
#c1ca19 rgb(193,202,25)
```
#d6e01c
```
#d6e01c rgb(214,224,28)
```
#dce630
```
#dce630 rgb(220,230,48)
```

Monochromatic Color

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

#b39416
```
#b39416 rgb(179,148,22)
```
#b3a116
```
#b3a116 rgb(179,161,22)
```
#b3ae16
```
#b3ae16 rgb(179,174,22)
```
#abb316
```
#abb316 rgb(171,179,22)
```
#9eb316
```
#9eb316 rgb(158,179,22)
```
#91b316
```
#91b316 rgb(145,179,22)
```
#84b316
```
#84b316 rgb(132,179,22)
```

Similar Colors

Text with hexadecimal color #abb316

This text has a font color of #abb316.

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

#abb316 background color

This paragraph has a background color of #abb316.

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

#abb316 border color

This element has a border color of #abb316.

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

CSS codes

.text {color:#abb316;}

.background {background-color:#abb316;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#151603
```
#151603 rgb(21,22,3)
```
#252705
```
#252705 rgb(37,39,5)
```
#363907
```
#363907 rgb(54,57,7)
```
#474a09
```
#474a09 rgb(71,74,9)
```
#585c0b
```
#585c0b rgb(88,92,11)
```
#686d0d
```
#686d0d rgb(104,109,13)
```
#797f10
```
#797f10 rgb(121,127,16)
```
#8a9012
```
#8a9012 rgb(138,144,18)
```
#9aa214
```
#9aa214 rgb(154,162,20)
```
#abb316
```
#abb316 rgb(171,179,22)
```
#bcc418
```
#bcc418 rgb(188,196,24)
```
#ccd61a
```
#ccd61a rgb(204,214,26)
```

Shade Color Variation

#dae420
```
#dae420 rgb(218,228,32)
```
#dde632
```
#dde632 rgb(221,230,50)
```
#e0e843
```
#e0e843 rgb(224,232,67)
```
#e2ea55
```
#e2ea55 rgb(226,234,85)
```
#e5ec66
```
#e5ec66 rgb(229,236,102)
```
#e8ee78
```
#e8ee78 rgb(232,238,120)
```
#ebf189
```
#ebf189 rgb(235,241,137)
```
#eef39b
```
#eef39b rgb(238,243,155)
```
#f1f5ac
```
#f1f5ac rgb(241,245,172)
```
#f4f7bd
```
#f4f7bd rgb(244,247,189)
```
#f7f9cf
```
#f7f9cf rgb(247,249,207)
```
#fafbe0
```
#fafbe0 rgb(250,251,224)
```
#fdfdf2
```
#fdfdf2 rgb(253,253,242)
```

Tint Color Variation

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

#666663
```
#666663 rgb(102,102,99)
```
#6d6d5c
```
#6d6d5c rgb(109,109,92)
```
#737554
```
#737554 rgb(115,117,84)
```
#7a7d4c
```
#7a7d4c rgb(122,125,76)
```
#818544
```
#818544 rgb(129,133,68)
```
#888c3d
```
#888c3d rgb(136,140,61)
```
#8f9435
```
#8f9435 rgb(143,148,53)
```
#969c2d
```
#969c2d rgb(150,156,45)
```
#9da425
```
#9da425 rgb(157,164,37)
```
#a4ab1e
```
#a4ab1e rgb(164,171,30)
```
#abb316
```
#abb316 rgb(171,179,22)
```
#b2bb0e
```
#b2bb0e rgb(178,187,14)
```
#b9c207
```
#b9c207 rgb(185,194,7)
```

Tone Color Variation

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

Dichromacy

#c5b020 Protanopia 1% of men
#dba72e Deuteranopia 1% of men
#bcaab7 Tritanopia 0.001% of the population

Trichromacy

#bbb11c Protanomaly 1% of men, 0.01% of women
#c9ab25 Deuteranomaly 6% of men, 0.4% of women
#b6ad7c Tritanomaly 0.01% of the population

#abb316 hex color

#abb316 Color Information

#abb316 Color Conversion

Color Schemes with #abb316

Alternatives to #abb316

#abb316 Preview

Shades and Tints of #abb316

Tones of #abb316

Color Blindness Simulator