#afc307 hex color

In a RGB color space, hex #afc307 is composed of 68.6% red, 76.5% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 10.3% cyan, 0% magenta, 96.4% yellow and 23.5% black. It has a hue angle of 66.4 degrees, a saturation of 93.1% and a lightness of 39.6%. #afc307 color hex could be obtained by blending #ffff0e with #5f8700. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 69
- G 76
- B 3
RGB color chart
- C 10
- M 0
- Y 96
- K 24
CMYK color chart

● #afc307 color description : Strong yellow.

The hexadecimal color #afc307 has RGB values of R:175, G:195, B:7 and CMYK values of C:0.1, M:0, Y:0.96, K:0.24. Its decimal value is 11518727.

Hex triplet	afc307	`#afc307`
RGB Decimal	175, 195, 7	`rgb(175,195,7)`
RGB Percent	68.6, 76.5, 2.7	`rgb(68.6%,76.5%,2.7%)`
CMYK	10, 0, 96, 24
HSL	66.4°, 93.1, 39.6	`hsl(66.4,93.1%,39.6%)`
HSV (or HSB)	66.4°, 96.4, 76.5
Web Safe	99cc00	`#99cc00`

CIE-LAB	74.925, -26.074, 74.655
XYZ	37.233, 48.16, 7.535
xyY	0.401, 0.518, 48.16
CIE-LCH	74.925, 79.078, 109.253
CIE-LUV	74.925, -7.255, 83.538
Hunter-Lab	69.397, -25.677, 42.14
Binary	10101111, 11000011, 00000111

#afc307
```
#afc307 rgb(175,195,7)
```
#1b07c3
```
#1b07c3 rgb(27,7,195)
```

Complementary Color

#c37907
```
#c37907 rgb(195,121,7)
```
#afc307
```
#afc307 rgb(175,195,7)
```
#51c307
```
#51c307 rgb(81,195,7)
```

Analogous Color

#7907c3
```
#7907c3 rgb(121,7,195)
```
#afc307
```
#afc307 rgb(175,195,7)
```
#0751c3
```
#0751c3 rgb(7,81,195)
```

Split Complementary Color

#c307af
```
#c307af rgb(195,7,175)
```
#afc307
```
#afc307 rgb(175,195,7)
```
#07afc3
```
#07afc3 rgb(7,175,195)
```

Triadic Color

#c31b07
```
#c31b07 rgb(195,27,7)
```
#afc307
```
#afc307 rgb(175,195,7)
```
#07afc3
```
#07afc3 rgb(7,175,195)
```
#1b07c3
```
#1b07c3 rgb(27,7,195)
```

Tetradic Color

#6d7904
```
#6d7904 rgb(109,121,4)
```
#839205
```
#839205 rgb(131,146,5)
```
#99aa06
```
#99aa06 rgb(153,170,6)
```
#afc307
```
#afc307 rgb(175,195,7)
```
#c5dc08
```
#c5dc08 rgb(197,220,8)
```
#dbf409
```
#dbf409 rgb(219,244,9)
```
#e0f720
```
#e0f720 rgb(224,247,32)
```

Monochromatic Color

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

#c3a807
```
#c3a807 rgb(195,168,7)
```
#c3b807
```
#c3b807 rgb(195,184,7)
```
#bfc307
```
#bfc307 rgb(191,195,7)
```
#afc307
```
#afc307 rgb(175,195,7)
```
#9fc307
```
#9fc307 rgb(159,195,7)
```
#90c307
```
#90c307 rgb(144,195,7)
```
#80c307
```
#80c307 rgb(128,195,7)
```

Similar Colors

Text with hexadecimal color #afc307

This text has a font color of #afc307.

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

#afc307 background color

This paragraph has a background color of #afc307.

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

#afc307 border color

This element has a border color of #afc307.

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

CSS codes

.text {color:#afc307;}

.background {background-color:#afc307;}

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

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

#050600
```
#050600 rgb(5,6,0)
```
#161901
```
#161901 rgb(22,25,1)
```
#272c02
```
#272c02 rgb(39,44,2)
```
#383e02
```
#383e02 rgb(56,62,2)
```
#495103
```
#495103 rgb(73,81,3)
```
#5a6404
```
#5a6404 rgb(90,100,4)
```
#6b7704
```
#6b7704 rgb(107,119,4)
```
#7c8a05
```
#7c8a05 rgb(124,138,5)
```
#8d9d06
```
#8d9d06 rgb(141,157,6)
```
#9eb006
```
#9eb006 rgb(158,176,6)
```
#afc307
```
#afc307 rgb(175,195,7)
```
#c0d608
```
#c0d608 rgb(192,214,8)
```
#d1e908
```
#d1e908 rgb(209,233,8)
```

Shade Color Variation

#def60e
```
#def60e rgb(222,246,14)
```
#e0f721
```
#e0f721 rgb(224,247,33)
```
#e3f834
```
#e3f834 rgb(227,248,52)
```
#e6f847
```
#e6f847 rgb(230,248,71)
```
#e8f95a
```
#e8f95a rgb(232,249,90)
```
#ebfa6d
```
#ebfa6d rgb(235,250,109)
```
#edfa80
```
#edfa80 rgb(237,250,128)
```
#f0fb93
```
#f0fb93 rgb(240,251,147)
```
#f3fca6
```
#f3fca6 rgb(243,252,166)
```
#f5fcb9
```
#f5fcb9 rgb(245,252,185)
```
#f8fdcc
```
#f8fdcc rgb(248,253,204)
```
#fbfedf
```
#fbfedf rgb(251,254,223)
```
#fdfff2
```
#fdfff2 rgb(253,255,242)
```

Tint Color Variation

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

#666664
```
#666664 rgb(102,102,100)
```
#6c6e5c
```
#6c6e5c rgb(108,110,92)
```
#727555
```
#727555 rgb(114,117,85)
```
#787d4d
```
#787d4d rgb(120,125,77)
```
#7e8545
```
#7e8545 rgb(126,133,69)
```
#848d3d
```
#848d3d rgb(132,141,61)
```
#8a9436
```
#8a9436 rgb(138,148,54)
```
#909c2e
```
#909c2e rgb(144,156,46)
```
#97a426
```
#97a426 rgb(151,164,38)
```
#9dac1e
```
#9dac1e rgb(157,172,30)
```
#a3b317
```
#a3b317 rgb(163,179,23)
```
#a9bb0f
```
#a9bb0f rgb(169,187,15)
```
#afc307
```
#afc307 rgb(175,195,7)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a9ad88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3bc0d Protanopia 1% of men
#eab32a Deuteranopia 1% of men
#c2b8c6 Tritanopia 0.001% of the population

Trichromacy

#c5be0a Protanomaly 1% of men, 0.01% of women
#d5b81d Deuteranomaly 6% of men, 0.4% of women
#bbbc80 Tritanomaly 0.01% of the population

#afc307 hex color

#afc307 Color Information

#afc307 Color Conversion

Color Schemes with #afc307

Alternatives to #afc307

#afc307 Preview

Shades and Tints of #afc307

Tones of #afc307

Color Blindness Simulator