#affa54 hex color

In a RGB color space, hex #affa54 is composed of 68.6% red, 98% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 0% magenta, 66.4% yellow and 2% black. It has a hue angle of 87.1 degrees, a saturation of 94.3% and a lightness of 65.5%. #affa54 color hex could be obtained by blending #ffffa8 with #5ff500. Closest websafe color is: #99ff66.

♥
- f
- t
- g
- R 69
- G 98
- B 33
RGB color chart
- C 30
- M 0
- Y 66
- K 2
CMYK color chart

● #affa54 color description : Soft green.

The hexadecimal color #affa54 has RGB values of R:175, G:250, B:84 and CMYK values of C:0.3, M:0, Y:0.66, K:0.02. Its decimal value is 11532884.

Hex triplet	affa54	`#affa54`
RGB Decimal	175, 250, 84	`rgb(175,250,84)`
RGB Percent	68.6, 98, 32.9	`rgb(68.6%,98%,32.9%)`
CMYK	30, 0, 66, 2
HSL	87.1°, 94.3, 65.5	`hsl(87.1,94.3%,65.5%)`
HSV (or HSB)	87.1°, 66.4, 98
Web Safe	99ff66	`#99ff66`

CIE-LAB	90.836, -47.761, 69.293
XYZ	53.464, 78.124, 20.65
xyY	0.351, 0.513, 78.124
CIE-LCH	90.836, 84.159, 124.577
CIE-LUV	90.836, -37.444, 91.954
Hunter-Lab	88.388, -46.707, 48.02
Binary	10101111, 11111010, 01010100

#affa54
```
#affa54 rgb(175,250,84)
```
#9f54fa
```
#9f54fa rgb(159,84,250)
```

Complementary Color

#faf254
```
#faf254 rgb(250,242,84)
```
#affa54
```
#affa54 rgb(175,250,84)
```
#5cfa54
```
#5cfa54 rgb(92,250,84)
```

Analogous Color

#f254fa
```
#f254fa rgb(242,84,250)
```
#affa54
```
#affa54 rgb(175,250,84)
```
#545cfa
```
#545cfa rgb(84,92,250)
```

Split Complementary Color

#fa54af
```
#fa54af rgb(250,84,175)
```
#affa54
```
#affa54 rgb(175,250,84)
```
#54affa
```
#54affa rgb(84,175,250)
```

Triadic Color

#fa9f54
```
#fa9f54 rgb(250,159,84)
```
#affa54
```
#affa54 rgb(175,250,84)
```
#54affa
```
#54affa rgb(84,175,250)
```
#9f54fa
```
#9f54fa rgb(159,84,250)
```

Tetradic Color

#8cf80a
```
#8cf80a rgb(140,248,10)
```
#98f922
```
#98f922 rgb(152,249,34)
```
#a3f93b
```
#a3f93b rgb(163,249,59)
```
#affa54
```
#affa54 rgb(175,250,84)
```
#bbfb6d
```
#bbfb6d rgb(187,251,109)
```
#c6fb86
```
#c6fb86 rgb(198,251,134)
```
#d2fc9e
```
#d2fc9e rgb(210,252,158)
```

Monochromatic Color

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

#d9fa54
```
#d9fa54 rgb(217,250,84)
```
#cbfa54
```
#cbfa54 rgb(203,250,84)
```
#bdfa54
```
#bdfa54 rgb(189,250,84)
```
#affa54
```
#affa54 rgb(175,250,84)
```
#a1fa54
```
#a1fa54 rgb(161,250,84)
```
#93fa54
```
#93fa54 rgb(147,250,84)
```
#86fa54
```
#86fa54 rgb(134,250,84)
```

Similar Colors

Text with hexadecimal color #affa54

This text has a font color of #affa54.

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

#affa54 background color

This paragraph has a background color of #affa54.

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

#affa54 border color

This element has a border color of #affa54.

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

CSS codes

.text {color:#affa54;}

.background {background-color:#affa54;}

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

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

#000100
```
#000100 rgb(0,1,0)
```
#0b1401
```
#0b1401 rgb(11,20,1)
```
#162701
```
#162701 rgb(22,39,1)
```
#203a02
```
#203a02 rgb(32,58,2)
```
#2b4d02
```
#2b4d02 rgb(43,77,2)
```
#366003
```
#366003 rgb(54,96,3)
```
#407303
```
#407303 rgb(64,115,3)
```
#4b8604
```
#4b8604 rgb(75,134,4)
```
#569904
```
#569904 rgb(86,153,4)
```
#61ac05
```
#61ac05 rgb(97,172,5)
```
#6bbf06
```
#6bbf06 rgb(107,191,6)
```
#76d206
```
#76d206 rgb(118,210,6)
```
#81e507
```
#81e507 rgb(129,229,7)
```

Shade Color Variation

#8bf808
```
#8bf808 rgb(139,248,8)
```
#94f81b
```
#94f81b rgb(148,248,27)
```
#9df92e
```
#9df92e rgb(157,249,46)
```
#a6f941
```
#a6f941 rgb(166,249,65)
```
#affa54
```
#affa54 rgb(175,250,84)
```
#b8fb67
```
#b8fb67 rgb(184,251,103)
```
#c1fb7a
```
#c1fb7a rgb(193,251,122)
```
#cafc8d
```
#cafc8d rgb(202,252,141)
```
#d3fca0
```
#d3fca0 rgb(211,252,160)
```
#dcfdb3
```
#dcfdb3 rgb(220,253,179)
```
#e4fdc6
```
#e4fdc6 rgb(228,253,198)
```
#edfed9
```
#edfed9 rgb(237,254,217)
```
#f6feec
```
#f6feec rgb(246,254,236)
```

Tint Color Variation

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

#a7a9a5
```
#a7a9a5 rgb(167,169,165)
```
#a8b09e
```
#a8b09e rgb(168,176,158)
```
#a8b698
```
#a8b698 rgb(168,182,152)
```
#a9bd91
```
#a9bd91 rgb(169,189,145)
```
#aac48a
```
#aac48a rgb(170,196,138)
```
#aacb83
```
#aacb83 rgb(170,203,131)
```
#abd17d
```
#abd17d rgb(171,209,125)
```
#acd876
```
#acd876 rgb(172,216,118)
```
#acdf6f
```
#acdf6f rgb(172,223,111)
```
#ade668
```
#ade668 rgb(173,230,104)
```
#aeec62
```
#aeec62 rgb(174,236,98)
```
#aef35b
```
#aef35b rgb(174,243,91)
```
#affa54
```
#affa54 rgb(175,250,84)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#cad9b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe664 Protanopia 1% of men
#ffe1bd Deuteranopia 1% of men
#cbeafb Tritanopia 0.001% of the population

Trichromacy

#e1ed5e Protanomaly 1% of men, 0.01% of women
#e1ea97 Deuteranomaly 6% of men, 0.4% of women
#c1f0be Tritanomaly 0.01% of the population

#affa54 hex color

#affa54 Color Information

#affa54 Color Conversion

Color Schemes with #affa54

Alternatives to #affa54

#affa54 Preview

Shades and Tints of #affa54

Tones of #affa54

Color Blindness Simulator