#afc306 hex color

In a RGB color space, hex #afc306 is composed of 68.6% red, 76.5% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 10.3% cyan, 0% magenta, 96.9% yellow and 23.5% black. It has a hue angle of 66.3 degrees, a saturation of 94% and a lightness of 39.4%. #afc306 color hex could be obtained by blending #ffff0c with #5f8700. Closest websafe color is: #99cc00.

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

● #afc306 color description : Strong yellow.

The hexadecimal color #afc306 has RGB values of R:175, G:195, B:6 and CMYK values of C:0.1, M:0, Y:0.97, K:0.24. Its decimal value is 11518726.

Hex triplet	afc306	`#afc306`
RGB Decimal	175, 195, 6	`rgb(175,195,6)`
RGB Percent	68.6, 76.5, 2.4	`rgb(68.6%,76.5%,2.4%)`
CMYK	10, 0, 97, 24
HSL	66.3°, 94, 39.4	`hsl(66.3,94%,39.4%)`
HSV (or HSB)	66.3°, 96.9, 76.5
Web Safe	99cc00	`#99cc00`

CIE-LAB	74.924, -26.086, 74.758
XYZ	37.227, 48.157, 7.507
xyY	0.401, 0.518, 48.157
CIE-LCH	74.924, 79.178, 109.236
CIE-LUV	74.924, -7.253, 83.598
Hunter-Lab	69.396, -25.686, 42.163
Binary	10101111, 11000011, 00000110

#afc306
```
#afc306 rgb(175,195,6)
```
#1a06c3
```
#1a06c3 rgb(26,6,195)
```

Complementary Color

#c37906
```
#c37906 rgb(195,121,6)
```
#afc306
```
#afc306 rgb(175,195,6)
```
#51c306
```
#51c306 rgb(81,195,6)
```

Analogous Color

#7906c3
```
#7906c3 rgb(121,6,195)
```
#afc306
```
#afc306 rgb(175,195,6)
```
#0651c3
```
#0651c3 rgb(6,81,195)
```

Split Complementary Color

#c306af
```
#c306af rgb(195,6,175)
```
#afc306
```
#afc306 rgb(175,195,6)
```
#06afc3
```
#06afc3 rgb(6,175,195)
```

Triadic Color

#c31a06
```
#c31a06 rgb(195,26,6)
```
#afc306
```
#afc306 rgb(175,195,6)
```
#06afc3
```
#06afc3 rgb(6,175,195)
```
#1a06c3
```
#1a06c3 rgb(26,6,195)
```

Tetradic Color

#6c7904
```
#6c7904 rgb(108,121,4)
```
#839204
```
#839204 rgb(131,146,4)
```
#99aa05
```
#99aa05 rgb(153,170,5)
```
#afc306
```
#afc306 rgb(175,195,6)
```
#c5dc07
```
#c5dc07 rgb(197,220,7)
```
#dbf408
```
#dbf408 rgb(219,244,8)
```
#e1f81d
```
#e1f81d rgb(225,248,29)
```

Monochromatic Color

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

#c3a806
```
#c3a806 rgb(195,168,6)
```
#c3b806
```
#c3b806 rgb(195,184,6)
```
#bfc306
```
#bfc306 rgb(191,195,6)
```
#afc306
```
#afc306 rgb(175,195,6)
```
#9fc306
```
#9fc306 rgb(159,195,6)
```
#90c306
```
#90c306 rgb(144,195,6)
```
#80c306
```
#80c306 rgb(128,195,6)
```

Similar Colors

Text with hexadecimal color #afc306

This text has a font color of #afc306.

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

#afc306 background color

This paragraph has a background color of #afc306.

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

#afc306 border color

This element has a border color of #afc306.

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

CSS codes

.text {color:#afc306;}

.background {background-color:#afc306;}

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

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

#040500
```
#040500 rgb(4,5,0)
```
#151801
```
#151801 rgb(21,24,1)
```
#262b01
```
#262b01 rgb(38,43,1)
```
#373e02
```
#373e02 rgb(55,62,2)
```
#495102
```
#495102 rgb(73,81,2)
```
#5a6403
```
#5a6403 rgb(90,100,3)
```
#6b7704
```
#6b7704 rgb(107,119,4)
```
#7c8a04
```
#7c8a04 rgb(124,138,4)
```
#8d9d05
```
#8d9d05 rgb(141,157,5)
```
#9eb005
```
#9eb005 rgb(158,176,5)
```
#afc306
```
#afc306 rgb(175,195,6)
```
#c0d607
```
#c0d607 rgb(192,214,7)
```
#d1e907
```
#d1e907 rgb(209,233,7)
```

Shade Color Variation

#dff80c
```
#dff80c rgb(223,248,12)
```
#e1f81f
```
#e1f81f rgb(225,248,31)
```
#e4f932
```
#e4f932 rgb(228,249,50)
```
#e6f945
```
#e6f945 rgb(230,249,69)
```
#e9fa58
```
#e9fa58 rgb(233,250,88)
```
#ebfa6b
```
#ebfa6b rgb(235,250,107)
```
#eefb7e
```
#eefb7e rgb(238,251,126)
```
#f0fc92
```
#f0fc92 rgb(240,252,146)
```
#f3fca5
```
#f3fca5 rgb(243,252,165)
```
#f5fdb8
```
#f5fdb8 rgb(245,253,184)
```
#f8fdcb
```
#f8fdcb rgb(248,253,203)
```
#fbfede
```
#fbfede rgb(251,254,222)
```
#fdfff1
```
#fdfff1 rgb(253,255,241)
```

Tint Color Variation

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

#666663
```
#666663 rgb(102,102,99)
```
#6c6e5b
```
#6c6e5b rgb(108,110,91)
```
#727653
```
#727653 rgb(114,118,83)
```
#787d4c
```
#787d4c rgb(120,125,76)
```
#7e8544
```
#7e8544 rgb(126,133,68)
```
#848d3c
```
#848d3c rgb(132,141,60)
```
#8a9534
```
#8a9534 rgb(138,149,52)
```
#919c2d
```
#919c2d rgb(145,156,45)
```
#97a425
```
#97a425 rgb(151,164,37)
```
#9dac1d
```
#9dac1d rgb(157,172,29)
```
#a3b415
```
#a3b415 rgb(163,180,21)
```
#a9bb0e
```
#a9bb0e rgb(169,187,14)
```
#afc306
```
#afc306 rgb(175,195,6)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a9ad87 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#afc306 hex color

#afc306 Color Information

#afc306 Color Conversion

Color Schemes with #afc306

Alternatives to #afc306

#afc306 Preview

Shades and Tints of #afc306

Tones of #afc306

Color Blindness Simulator