#afc254 hex color

In a RGB color space, hex #afc254 is composed of 68.6% red, 76.1% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 9.8% cyan, 0% magenta, 56.7% yellow and 23.9% black. It has a hue angle of 70.4 degrees, a saturation of 47.4% and a lightness of 54.5%. #afc254 color hex could be obtained by blending #ffffa8 with #5f8500. Closest websafe color is: #99cc66.

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

● #afc254 color description : Moderate yellow.

The hexadecimal color #afc254 has RGB values of R:175, G:194, B:84 and CMYK values of C:0.1, M:0, Y:0.57, K:0.24. Its decimal value is 11518548.

Hex triplet	afc254	`#afc254`
RGB Decimal	175, 194, 84	`rgb(175,194,84)`
RGB Percent	68.6, 76.1, 32.9	`rgb(68.6%,76.1%,32.9%)`
CMYK	10, 0, 57, 24
HSL	70.4°, 47.4, 54.5	`hsl(70.4,47.4%,54.5%)`
HSV (or HSB)	70.4°, 56.7, 76.1
Web Safe	99cc66	`#99cc66`

CIE-LAB	75.037, -22.225, 52.118
XYZ	38.571, 48.338, 15.685
xyY	0.376, 0.471, 48.338
CIE-LCH	75.037, 56.659, 113.095
CIE-LUV	75.037, -7.345, 66.617
Hunter-Lab	69.525, -22.642, 35.292
Binary	10101111, 11000010, 01010100

#afc254
```
#afc254 rgb(175,194,84)
```
#6754c2
```
#6754c2 rgb(103,84,194)
```

Complementary Color

#c29e54
```
#c29e54 rgb(194,158,84)
```
#afc254
```
#afc254 rgb(175,194,84)
```
#78c254
```
#78c254 rgb(120,194,84)
```

Analogous Color

#9e54c2
```
#9e54c2 rgb(158,84,194)
```
#afc254
```
#afc254 rgb(175,194,84)
```
#5478c2
```
#5478c2 rgb(84,120,194)
```

Split Complementary Color

#c254af
```
#c254af rgb(194,84,175)
```
#afc254
```
#afc254 rgb(175,194,84)
```
#54afc2
```
#54afc2 rgb(84,175,194)
```

Triadic Color

#c26754
```
#c26754 rgb(194,103,84)
```
#afc254
```
#afc254 rgb(175,194,84)
```
#54afc2
```
#54afc2 rgb(84,175,194)
```
#6754c2
```
#6754c2 rgb(103,84,194)
```

Tetradic Color

#849535
```
#849535 rgb(132,149,53)
```
#95a73c
```
#95a73c rgb(149,167,60)
```
#a5ba42
```
#a5ba42 rgb(165,186,66)
```
#afc254
```
#afc254 rgb(175,194,84)
```
#b8c967
```
#b8c967 rgb(184,201,103)
```
#c1cf7a
```
#c1cf7a rgb(193,207,122)
```
#c9d68c
```
#c9d68c rgb(201,214,140)
```

Monochromatic Color

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

#c2ba54
```
#c2ba54 rgb(194,186,84)
```
#c1c254
```
#c1c254 rgb(193,194,84)
```
#b8c254
```
#b8c254 rgb(184,194,84)
```
#afc254
```
#afc254 rgb(175,194,84)
```
#a6c254
```
#a6c254 rgb(166,194,84)
```
#9dc254
```
#9dc254 rgb(157,194,84)
```
#94c254
```
#94c254 rgb(148,194,84)
```

Similar Colors

Text with hexadecimal color #afc254

This text has a font color of #afc254.

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

#afc254 background color

This paragraph has a background color of #afc254.

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

#afc254 border color

This element has a border color of #afc254.

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

CSS codes

.text {color:#afc254;}

.background {background-color:#afc254;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0f1106
```
#0f1106 rgb(15,17,6)
```
#1c1f0b
```
#1c1f0b rgb(28,31,11)
```
#292e10
```
#292e10 rgb(41,46,16)
```
#363c16
```
#363c16 rgb(54,60,22)
```
#424b1b
```
#424b1b rgb(66,75,27)
```
#4f5920
```
#4f5920 rgb(79,89,32)
```
#5c6825
```
#5c6825 rgb(92,104,37)
```
#69762a
```
#69762a rgb(105,118,42)
```
#76852f
```
#76852f rgb(118,133,47)
```
#839334
```
#839334 rgb(131,147,52)
```
#90a23a
```
#90a23a rgb(144,162,58)
```
#9cb03f
```
#9cb03f rgb(156,176,63)
```

Shade Color Variation

#a8bd46
```
#a8bd46 rgb(168,189,70)
```
#afc254
```
#afc254 rgb(175,194,84)
```
#b6c762
```
#b6c762 rgb(182,199,98)
```
#bdcc71
```
#bdcc71 rgb(189,204,113)
```
#c3d17f
```
#c3d17f rgb(195,209,127)
```
#cad78e
```
#cad78e rgb(202,215,142)
```
#d1dc9c
```
#d1dc9c rgb(209,220,156)
```
#d8e1ab
```
#d8e1ab rgb(216,225,171)
```
#dee6b9
```
#dee6b9 rgb(222,230,185)
```
#e5ebc8
```
#e5ebc8 rgb(229,235,200)
```
#ecf0d6
```
#ecf0d6 rgb(236,240,214)
```
#f3f6e5
```
#f3f6e5 rgb(243,246,229)
```
#f9fbf3
```
#f9fbf3 rgb(249,251,243)
```

Tint Color Variation

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

#8c8c8a
```
#8c8c8a rgb(140,140,138)
```
#929581
```
#929581 rgb(146,149,129)
```
#989e78
```
#989e78 rgb(152,158,120)
```
#9da76f
```
#9da76f rgb(157,167,111)
```
#a3b066
```
#a3b066 rgb(163,176,102)
```
#a9b95d
```
#a9b95d rgb(169,185,93)
```
#afc254
```
#afc254 rgb(175,194,84)
```
#b5cb4b
```
#b5cb4b rgb(181,203,75)
```
#bbd442
```
#bbd442 rgb(187,212,66)
```
#c1dd39
```
#c1dd39 rgb(193,221,57)
```
#c6e630
```
#c6e630 rgb(198,230,48)
```
#ccef27
```
#ccef27 rgb(204,239,39)
```
#d2f81e
```
#d2f81e rgb(210,248,30)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b0b49e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0bc5a Protanopia 1% of men
#e5b463 Deuteranopia 1% of men
#c0b9c7 Tritanopia 0.001% of the population

Trichromacy

#c4be58 Protanomaly 1% of men, 0.01% of women
#d1b95d Deuteranomaly 6% of men, 0.4% of women
#babc9d Tritanomaly 0.01% of the population

#afc254 hex color

#afc254 Color Information

#afc254 Color Conversion

Color Schemes with #afc254

Alternatives to #afc254

#afc254 Preview

Shades and Tints of #afc254

Tones of #afc254

Color Blindness Simulator