#afb310 hex color

In a RGB color space, hex #afb310 is composed of 68.6% red, 70.2% green and 6.3% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 91.1% yellow and 29.8% black. It has a hue angle of 61.5 degrees, a saturation of 83.6% and a lightness of 38.2%. #afb310 color hex could be obtained by blending #ffff20 with #5f6700. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 69
- G 70
- B 6
RGB color chart
- C 2
- M 0
- Y 91
- K 30
CMYK color chart

● #afb310 color description : Strong yellow.

The hexadecimal color #afb310 has RGB values of R:175, G:179, B:16 and CMYK values of C:0.02, M:0, Y:0.91, K:0.3. Its decimal value is 11514640.

Hex triplet	afb310	`#afb310`
RGB Decimal	175, 179, 16	`rgb(175,179,16)`
RGB Percent	68.6, 70.2, 6.3	`rgb(68.6%,70.2%,6.3%)`
CMYK	2, 0, 91, 30
HSL	61.5°, 83.6, 38.2	`hsl(61.5,83.6%,38.2%)`
HSV (or HSB)	61.5°, 91.1, 70.2
Web Safe	99cc00	`#99cc00`

CIE-LAB	70.45, -18.065, 70.115
XYZ	33.893, 41.392, 6.694
xyY	0.413, 0.505, 41.392
CIE-LCH	70.45, 72.405, 104.448
CIE-LUV	70.45, 2.793, 76.634
Hunter-Lab	64.337, -18.554, 38.866
Binary	10101111, 10110011, 00010000

#afb310
```
#afb310 rgb(175,179,16)
```
#1410b3
```
#1410b3 rgb(20,16,179)
```

Complementary Color

#b36610
```
#b36610 rgb(179,102,16)
```
#afb310
```
#afb310 rgb(175,179,16)
```
#5eb310
```
#5eb310 rgb(94,179,16)
```

Analogous Color

#6610b3
```
#6610b3 rgb(102,16,179)
```
#afb310
```
#afb310 rgb(175,179,16)
```
#105db3
```
#105db3 rgb(16,93,179)
```

Split Complementary Color

#b310af
```
#b310af rgb(179,16,175)
```
#afb310
```
#afb310 rgb(175,179,16)
```
#10afb3
```
#10afb3 rgb(16,175,179)
```

Triadic Color

#b31410
```
#b31410 rgb(179,20,16)
```
#afb310
```
#afb310 rgb(175,179,16)
```
#10afb3
```
#10afb3 rgb(16,175,179)
```
#1410b3
```
#1410b3 rgb(20,16,179)
```

Tetradic Color

#6a6d0a
```
#6a6d0a rgb(106,109,10)
```
#81840c
```
#81840c rgb(129,132,12)
```
#989c0e
```
#989c0e rgb(152,156,14)
```
#afb310
```
#afb310 rgb(175,179,16)
```
#c6ca12
```
#c6ca12 rgb(198,202,18)
```
#dde214
```
#dde214 rgb(221,226,20)
```
#e7eb24
```
#e7eb24 rgb(231,235,36)
```

Monochromatic Color

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

#b38e10
```
#b38e10 rgb(179,142,16)
```
#b39c10
```
#b39c10 rgb(179,156,16)
```
#b3a910
```
#b3a910 rgb(179,169,16)
```
#afb310
```
#afb310 rgb(175,179,16)
```
#a1b310
```
#a1b310 rgb(161,179,16)
```
#94b310
```
#94b310 rgb(148,179,16)
```
#86b310
```
#86b310 rgb(134,179,16)
```

Similar Colors

Text with hexadecimal color #afb310

This text has a font color of #afb310.

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

#afb310 background color

This paragraph has a background color of #afb310.

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

#afb310 border color

This element has a border color of #afb310.

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

CSS codes

.text {color:#afb310;}

.background {background-color:#afb310;}

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

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

#111102
```
#111102 rgb(17,17,2)
```
#222303
```
#222303 rgb(34,35,3)
```
#343505
```
#343505 rgb(52,53,5)
```
#454706
```
#454706 rgb(69,71,6)
```
#575908
```
#575908 rgb(87,89,8)
```
#696b0a
```
#696b0a rgb(105,107,10)
```
#7a7d0b
```
#7a7d0b rgb(122,125,11)
```
#8c8f0d
```
#8c8f0d rgb(140,143,13)
```
#9da10e
```
#9da10e rgb(157,161,14)
```
#afb310
```
#afb310 rgb(175,179,16)
```
#c1c512
```
#c1c512 rgb(193,197,18)
```
#d2d713
```
#d2d713 rgb(210,215,19)
```
#e4e915
```
#e4e915 rgb(228,233,21)
```

Shade Color Variation

#e7ec26
```
#e7ec26 rgb(231,236,38)
```
#e9ed38
```
#e9ed38 rgb(233,237,56)
```
#ebef4a
```
#ebef4a rgb(235,239,74)
```
#edf05c
```
#edf05c rgb(237,240,92)
```
#eff26e
```
#eff26e rgb(239,242,110)
```
#f1f480
```
#f1f480 rgb(241,244,128)
```
#f3f592
```
#f3f592 rgb(243,245,146)
```
#f5f7a4
```
#f5f7a4 rgb(245,247,164)
```
#f7f8b6
```
#f7f8b6 rgb(247,248,182)
```
#f9fac8
```
#f9fac8 rgb(249,250,200)
```
#fbfcda
```
#fbfcda rgb(251,252,218)
```
#fdfdec
```
#fdfdec rgb(253,253,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#68685b
```
#68685b rgb(104,104,91)
```
#6f7054
```
#6f7054 rgb(111,112,84)
```
#76774c
```
#76774c rgb(118,119,76)
```
#7d7f45
```
#7d7f45 rgb(125,127,69)
```
#84863d
```
#84863d rgb(132,134,61)
```
#8b8e36
```
#8b8e36 rgb(139,142,54)
```
#92952e
```
#92952e rgb(146,149,46)
```
#9a9d27
```
#9a9d27 rgb(154,157,39)
```
#a1a41f
```
#a1a41f rgb(161,164,31)
```
#a8ac18
```
#a8ac18 rgb(168,172,24)
```
#afb310
```
#afb310 rgb(175,179,16)
```
#b6bb09
```
#b6bb09 rgb(182,187,9)
```
#bdc201
```
#bdc201 rgb(189,194,1)
```

Tone Color Variation

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

Dichromacy

#c6b01a Protanopia 1% of men
#dca82a Deuteranopia 1% of men
#c0aab6 Tritanopia 0.001% of the population

Trichromacy

#bdb116 Protanomaly 1% of men, 0.01% of women
#cbac20 Deuteranomaly 6% of men, 0.4% of women
#b9ad7a Tritanomaly 0.01% of the population

#afb310 hex color

#afb310 Color Information

#afb310 Color Conversion

Color Schemes with #afb310

Alternatives to #afb310

#afb310 Preview

Shades and Tints of #afb310

Tones of #afb310

Color Blindness Simulator