#afb307 hex color

In a RGB color space, hex #afb307 is composed of 68.6% red, 70.2% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 96.1% yellow and 29.8% black. It has a hue angle of 61.4 degrees, a saturation of 92.5% and a lightness of 36.5%. #afb307 color hex could be obtained by blending #ffff0e with #5f6700. Closest websafe color is: #99cc00.

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

● #afb307 color description : Strong yellow.

The hexadecimal color #afb307 has RGB values of R:175, G:179, B:7 and CMYK values of C:0.02, M:0, Y:0.96, K:0.3. Its decimal value is 11514631.

Hex triplet	afb307	`#afb307`
RGB Decimal	175, 179, 7	`rgb(175,179,7)`
RGB Percent	68.6, 70.2, 2.7	`rgb(68.6%,70.2%,2.7%)`
CMYK	2, 0, 96, 30
HSL	61.4°, 92.5, 36.5	`hsl(61.4,92.5%,36.5%)`
HSV (or HSB)	61.4°, 96.1, 70.2
Web Safe	99cc00	`#99cc00`

CIE-LAB	70.434, -18.191, 71.247
XYZ	33.838, 41.37, 6.404
xyY	0.415, 0.507, 41.37
CIE-LCH	70.434, 73.533, 104.323
CIE-LUV	70.434, 2.836, 77.291
Hunter-Lab	64.32, -18.652, 39.121
Binary	10101111, 10110011, 00000111

#afb307
```
#afb307 rgb(175,179,7)
```
#0b07b3
```
#0b07b3 rgb(11,7,179)
```

Complementary Color

#b36107
```
#b36107 rgb(179,97,7)
```
#afb307
```
#afb307 rgb(175,179,7)
```
#59b307
```
#59b307 rgb(89,179,7)
```

Analogous Color

#6107b3
```
#6107b3 rgb(97,7,179)
```
#afb307
```
#afb307 rgb(175,179,7)
```
#0759b3
```
#0759b3 rgb(7,89,179)
```

Split Complementary Color

#b307af
```
#b307af rgb(179,7,175)
```
#afb307
```
#afb307 rgb(175,179,7)
```
#07afb3
```
#07afb3 rgb(7,175,179)
```

Triadic Color

#b30b07
```
#b30b07 rgb(179,11,7)
```
#afb307
```
#afb307 rgb(175,179,7)
```
#07afb3
```
#07afb3 rgb(7,175,179)
```
#0b07b3
```
#0b07b3 rgb(11,7,179)
```

Tetradic Color

#676904
```
#676904 rgb(103,105,4)
```
#7f8205
```
#7f8205 rgb(127,130,5)
```
#979a06
```
#979a06 rgb(151,154,6)
```
#afb307
```
#afb307 rgb(175,179,7)
```
#c7cc08
```
#c7cc08 rgb(199,204,8)
```
#dfe409
```
#dfe409 rgb(223,228,9)
```
#f0f611
```
#f0f611 rgb(240,246,17)
```

Monochromatic Color

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

#b38c07
```
#b38c07 rgb(179,140,7)
```
#b39a07
```
#b39a07 rgb(179,154,7)
```
#b3a907
```
#b3a907 rgb(179,169,7)
```
#afb307
```
#afb307 rgb(175,179,7)
```
#a1b307
```
#a1b307 rgb(161,179,7)
```
#92b307
```
#92b307 rgb(146,179,7)
```
#84b307
```
#84b307 rgb(132,179,7)
```

Similar Colors

Text with hexadecimal color #afb307

This text has a font color of #afb307.

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

#afb307 background color

This paragraph has a background color of #afb307.

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

#afb307 border color

This element has a border color of #afb307.

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

CSS codes

.text {color:#afb307;}

.background {background-color:#afb307;}

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

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

#090900
```
#090900 rgb(9,9,0)
```
#1b1c01
```
#1b1c01 rgb(27,28,1)
```
#2e2f02
```
#2e2f02 rgb(46,47,2)
```
#404203
```
#404203 rgb(64,66,3)
```
#535503
```
#535503 rgb(83,85,3)
```
#656704
```
#656704 rgb(101,103,4)
```
#787a05
```
#787a05 rgb(120,122,5)
```
#8a8d06
```
#8a8d06 rgb(138,141,6)
```
#9da006
```
#9da006 rgb(157,160,6)
```
#afb307
```
#afb307 rgb(175,179,7)
```
#c1c608
```
#c1c608 rgb(193,198,8)
```
#d4d908
```
#d4d908 rgb(212,217,8)
```
#e6ec09
```
#e6ec09 rgb(230,236,9)
```

Shade Color Variation

#f0f613
```
#f0f613 rgb(240,246,19)
```
#f2f626
```
#f2f626 rgb(242,246,38)
```
#f3f738
```
#f3f738 rgb(243,247,56)
```
#f4f84b
```
#f4f84b rgb(244,248,75)
```
#f5f95e
```
#f5f95e rgb(245,249,94)
```
#f6f971
```
#f6f971 rgb(246,249,113)
```
#f7fa84
```
#f7fa84 rgb(247,250,132)
```
#f9fb97
```
#f9fb97 rgb(249,251,151)
```
#fafcaa
```
#fafcaa rgb(250,252,170)
```
#fbfcbd
```
#fbfcbd rgb(251,252,189)
```
#fcfdcf
```
#fcfdcf rgb(252,253,207)
```
#fdfee2
```
#fdfee2 rgb(253,254,226)
```
#fefff5
```
#fefff5 rgb(254,255,245)
```

Tint Color Variation

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

#5d5d5d
```
#5d5d5d rgb(93,93,93)
```
#646456
```
#646456 rgb(100,100,86)
```
#6b6b4f
```
#6b6b4f rgb(107,107,79)
```
#727347
```
#727347 rgb(114,115,71)
```
#787a40
```
#787a40 rgb(120,122,64)
```
#7f8139
```
#7f8139 rgb(127,129,57)
```
#868832
```
#868832 rgb(134,136,50)
```
#8d8f2b
```
#8d8f2b rgb(141,143,43)
```
#949624
```
#949624 rgb(148,150,36)
```
#9b9e1c
```
#9b9e1c rgb(155,158,28)
```
#a1a515
```
#a1a515 rgb(161,165,21)
```
#a8ac0e
```
#a8ac0e rgb(168,172,14)
```
#afb307
```
#afb307 rgb(175,179,7)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a1a280 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b010 Protanopia 1% of men
#dca825 Deuteranopia 1% of men
#c0aab6 Tritanopia 0.001% of the population

Trichromacy

#bdb10c Protanomaly 1% of men, 0.01% of women
#cbac1a Deuteranomaly 6% of men, 0.4% of women
#b9ad76 Tritanomaly 0.01% of the population

#afb307 hex color

#afb307 Color Information

#afb307 Color Conversion

Color Schemes with #afb307

Alternatives to #afb307

#afb307 Preview

Shades and Tints of #afb307

Tones of #afb307

Color Blindness Simulator