colorhexa.com

#affb55 hex color

In a RGB color space, hex #affb55 is composed of 68.6% red, 98.4% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 0% magenta, 66.1% yellow and 1.6% black. It has a hue angle of 87.5 degrees, a saturation of 95.4% and a lightness of 65.9%. #affb55 color hex could be obtained by blending #ffffaa with #5ff700. Closest websafe color is: #99ff66.

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

● #affb55 color description : Soft green.

The hexadecimal color #affb55 has RGB values of R:175, G:251, B:85 and CMYK values of C:0.3, M:0, Y:0.66, K:0.02. Its decimal value is 11533141.

Hex triplet	affb55	`#affb55`
RGB Decimal	175, 251, 85	`rgb(175,251,85)`
RGB Percent	68.6, 98.4, 33.3	`rgb(68.6%,98.4%,33.3%)`
CMYK	30, 0, 66, 2
HSL	87.5°, 95.4, 65.9	`hsl(87.5,95.4%,65.9%)`
HSV (or HSB)	87.5°, 66.1, 98.4
Web Safe	99ff66	`#99ff66`

CIE-LAB	91.127, -48.111, 69.219
XYZ	53.815, 78.762, 20.961
xyY	0.35, 0.513, 78.762
CIE-LCH	91.127, 84.297, 124.802
CIE-LUV	91.127, -37.93, 92.077
Hunter-Lab	88.748, -47.071, 48.12
Binary	10101111, 11111011, 01010101

#affb55
```
#affb55 rgb(175,251,85)
```
#a155fb
```
#a155fb rgb(161,85,251)
```

Complementary Color

#fbf455
```
#fbf455 rgb(251,244,85)
```
#affb55
```
#affb55 rgb(175,251,85)
```
#5cfb55
```
#5cfb55 rgb(92,251,85)
```

Analogous Color

#f455fb
```
#f455fb rgb(244,85,251)
```
#affb55
```
#affb55 rgb(175,251,85)
```
#555cfb
```
#555cfb rgb(85,92,251)
```

Split Complementary Color

#fb55af
```
#fb55af rgb(251,85,175)
```
#affb55
```
#affb55 rgb(175,251,85)
```
#55affb
```
#55affb rgb(85,175,251)
```

Triadic Color

#fba155
```
#fba155 rgb(251,161,85)
```
#affb55
```
#affb55 rgb(175,251,85)
```
#55affb
```
#55affb rgb(85,175,251)
```
#a155fb
```
#a155fb rgb(161,85,251)
```

Tetradic Color

#8cf90a
```
#8cf90a rgb(140,249,10)
```
#98fa23
```
#98fa23 rgb(152,250,35)
```
#a3fa3c
```
#a3fa3c rgb(163,250,60)
```
#affb55
```
#affb55 rgb(175,251,85)
```
#bbfc6e
```
#bbfc6e rgb(187,252,110)
```
#c6fc87
```
#c6fc87 rgb(198,252,135)
```
#d2fda0
```
#d2fda0 rgb(210,253,160)
```

Monochromatic Color

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

#d9fb55
```
#d9fb55 rgb(217,251,85)
```
#cbfb55
```
#cbfb55 rgb(203,251,85)
```
#bdfb55
```
#bdfb55 rgb(189,251,85)
```
#affb55
```
#affb55 rgb(175,251,85)
```
#a1fb55
```
#a1fb55 rgb(161,251,85)
```
#93fb55
```
#93fb55 rgb(147,251,85)
```
#86fb55
```
#86fb55 rgb(134,251,85)
```

Similar Colors

Text with hexadecimal color #affb55

This text has a font color of #affb55.

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

#affb55 background color

This paragraph has a background color of #affb55.

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

#affb55 border color

This element has a border color of #affb55.

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

CSS codes

.text {color:#affb55;}

.background {background-color:#affb55;}

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

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

#010200
```
#010200 rgb(1,2,0)
```
#0c1601
```
#0c1601 rgb(12,22,1)
```
#172901
```
#172901 rgb(23,41,1)
```
#213c01
```
#213c01 rgb(33,60,1)
```
#2c4f02
```
#2c4f02 rgb(44,79,2)
```
#366202
```
#366202 rgb(54,98,2)
```
#417503
```
#417503 rgb(65,117,3)
```
#4c8903
```
#4c8903 rgb(76,137,3)
```
#569c04
```
#569c04 rgb(86,156,4)
```
#61af04
```
#61af04 rgb(97,175,4)
```
#6bc205
```
#6bc205 rgb(107,194,5)
```
#76d505
```
#76d505 rgb(118,213,5)
```
#81e805
```
#81e805 rgb(129,232,5)
```

Shade Color Variation

#8bf908
```
#8bf908 rgb(139,249,8)
```
#94fa1c
```
#94fa1c rgb(148,250,28)
```
#9dfa2f
```
#9dfa2f rgb(157,250,47)
```
#a6fb42
```
#a6fb42 rgb(166,251,66)
```
#affb55
```
#affb55 rgb(175,251,85)
```
#b8fb68
```
#b8fb68 rgb(184,251,104)
```
#c1fc7b
```
#c1fc7b rgb(193,252,123)
```
#cafc8e
```
#cafc8e rgb(202,252,142)
```
#d3fda2
```
#d3fda2 rgb(211,253,162)
```
#dcfdb5
```
#dcfdb5 rgb(220,253,181)
```
#e5fec8
```
#e5fec8 rgb(229,254,200)
```
#eefedb
```
#eefedb rgb(238,254,219)
```
#f7ffee
```
#f7ffee rgb(247,255,238)
```

Tint Color Variation

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

#a8aba5
```
#a8aba5 rgb(168,171,165)
```
#a9b19f
```
#a9b19f rgb(169,177,159)
```
#a9b898
```
#a9b898 rgb(169,184,152)
```
#aabf91
```
#aabf91 rgb(170,191,145)
```
#aac58b
```
#aac58b rgb(170,197,139)
```
#abcc84
```
#abcc84 rgb(171,204,132)
```
#acd37d
```
#acd37d rgb(172,211,125)
```
#acda76
```
#acda76 rgb(172,218,118)
```
#ade070
```
#ade070 rgb(173,224,112)
```
#ade769
```
#ade769 rgb(173,231,105)
```
#aeee62
```
#aeee62 rgb(174,238,98)
```
#aef45c
```
#aef45c rgb(174,244,92)
```
#affb55
```
#affb55 rgb(175,251,85)
```

Tone Color Variation

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

#ffe76e Protanopia 1% of men
#ffe2c0 Deuteranopia 1% of men
#cbebfc Tritanopia 0.001% of the population

Trichromacy

#e1ee65 Protanomaly 1% of men, 0.01% of women
#e1eb99 Deuteranomaly 6% of men, 0.4% of women
#c1f1bf Tritanomaly 0.01% of the population