#affa55 Color Information
In a RGB color space, hex #affa55 is composed of 68.6% red, 98% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 0% magenta, 66% yellow and 2% black. It has a hue angle of 87.3 degrees, a saturation of 94.3% and a lightness of 65.7%. #affa55 color hex could be obtained by blending #ffffaa with #5ff500. Closest websafe color is: #99ff66.
-
- R 69
- G 98
- B 33
-
- C 30
- M 0
- Y 66
- K 2
● #affa55 color description : Soft green.
#affa55 Color Conversion
The hexadecimal color #affa55 has RGB values of R:175, G:250, B:85 and CMYK values of C:0.3, M:0, Y:0.66, K:0.02. Its decimal value is 11532885.
Hex triplet | affa55 | #affa55 |
---|---|---|
RGB Decimal | 175, 250, 85 | rgb(175,250,85) |
RGB Percent | 68.6, 98, 33.3 | rgb(68.6%,98%,33.3%) |
CMYK | 30, 0, 66, 2 | |
HSL | 87.3°, 94.3, 65.7 | hsl(87.3,94.3%,65.7%) |
HSV (or HSB) | 87.3°, 66, 98 | |
Web Safe | 99ff66 | #99ff66 |
CIE-LAB | 90.843, -47.69, 68.922 |
---|---|
XYZ | 53.503, 78.139, 20.857 |
xyY | 0.351, 0.512, 78.139 |
CIE-LCH | 90.843, 83.813, 124.681 |
CIE-LUV | 90.843, -37.439, 91.641 |
Hunter-Lab | 88.396, -46.654, 47.888 |
Binary | 10101111, 11111010, 01010101 |
Color Schemes with #affa55
Alternatives to #affa55
Below, you can see some colors close to #affa55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#affa55 Preview
This text has a font color of #affa55.
<span style="color:#affa55;">Text here</span>
This paragraph has a background color of #affa55.
<p style="background-color:#affa55;">Content here</p>
This element has a border color of #affa55.
<div style="border:1px solid #affa55;">Content here</div>
.text {color:#affa55;}
.background {background-color:#affa55;}
.border {border:1px solid #affa55;}
Shades and Tints of #affa55
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, #010100 is the darkest color, while #f7feed is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#0b1501
#0b1501
rgb(11,21,1)
-
#162801
#162801
rgb(22,40,1)
-
#213b02
#213b02
rgb(33,59,2)
-
#2b4e02
#2b4e02
rgb(43,78,2)
-
#366103
#366103
rgb(54,97,3)
-
#417403
#417403
rgb(65,116,3)
-
#4b8704
#4b8704
rgb(75,135,4)
-
#569a05
#569a05
rgb(86,154,5)
-
#61ad05
#61ad05
rgb(97,173,5)
-
#6bc006
#6bc006
rgb(107,192,6)
-
#76d306
#76d306
rgb(118,211,6)
-
#81e607
#81e607
rgb(129,230,7)
-
#8bf809
#8bf809
rgb(139,248,9)
-
#94f81c
#94f81c
rgb(148,248,28)
-
#9df92f
#9df92f
rgb(157,249,47)
-
#a6f942
#a6f942
rgb(166,249,66)
-
#affa55
#affa55
rgb(175,250,85)
-
#b8fb68
#b8fb68
rgb(184,251,104)
-
#c1fb7b
#c1fb7b
rgb(193,251,123)
-
#cafc8e
#cafc8e
rgb(202,252,142)
-
#d3fca1
#d3fca1
rgb(211,252,161)
-
#dcfdb4
#dcfdb4
rgb(220,253,180)
-
#e5fdc7
#e5fdc7
rgb(229,253,199)
-
#eefeda
#eefeda
rgb(238,254,218)
-
#f7feed
#f7feed
rgb(247,254,237)
Tones of #affa55
A tone is produced by adding gray to any pure hue. In this case, #a8a9a6 is the less saturated color, while #affa55 is the most saturated one.
-
#a8a9a6
#a8a9a6
rgb(168,169,166)
-
#a8b09f
#a8b09f
rgb(168,176,159)
-
#a9b798
#a9b798
rgb(169,183,152)
-
#a9bd92
#a9bd92
rgb(169,189,146)
-
#aac48b
#aac48b
rgb(170,196,139)
-
#abcb84
#abcb84
rgb(171,203,132)
-
#abd27d
#abd27d
rgb(171,210,125)
-
#acd877
#acd877
rgb(172,216,119)
-
#addf70
#addf70
rgb(173,223,112)
-
#ade669
#ade669
rgb(173,230,105)
-
#aeed62
#aeed62
rgb(174,237,98)
-
#aef35c
#aef35c
rgb(174,243,92)
-
#affa55
#affa55
rgb(175,250,85)
Color Blindness Simulator
Below, you can see how #affa55 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.