#affb63 hex color

In a RGB color space, hex #affb63 is composed of 68.6% red, 98.4% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 0% magenta, 60.6% yellow and 1.6% black. It has a hue angle of 90 degrees, a saturation of 95% and a lightness of 68.6%. #affb63 color hex could be obtained by blending #ffffc6 with #5ff700. Closest websafe color is: #99ff66.

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

● #affb63 color description : Soft green.

The hexadecimal color #affb63 has RGB values of R:175, G:251, B:99 and CMYK values of C:0.3, M:0, Y:0.61, K:0.02. Its decimal value is 11533155.

Hex triplet	affb63	`#affb63`
RGB Decimal	175, 251, 99	`rgb(175,251,99)`
RGB Percent	68.6, 98.4, 38.8	`rgb(68.6%,98.4%,38.8%)`
CMYK	30, 0, 61, 2
HSL	90°, 95, 68.6	`hsl(90,95%,68.6%)`
HSV (or HSB)	90°, 60.6, 98.4
Web Safe	99ff66	`#99ff66`

CIE-LAB	91.238, -47.026, 63.768
XYZ	54.427, 79.007, 24.186
xyY	0.345, 0.501, 79.007
CIE-LCH	91.238, 79.233, 126.407
CIE-LUV	91.238, -37.855, 87.291
Hunter-Lab	88.886, -46.251, 46.087
Binary	10101111, 11111011, 01100011

#affb63
```
#affb63 rgb(175,251,99)
```
#af63fb
```
#af63fb rgb(175,99,251)
```

Complementary Color

#fbfb63
```
#fbfb63 rgb(251,251,99)
```
#affb63
```
#affb63 rgb(175,251,99)
```
#63fb63
```
#63fb63 rgb(99,251,99)
```

Analogous Color

#fb63fb
```
#fb63fb rgb(251,99,251)
```
#affb63
```
#affb63 rgb(175,251,99)
```
#6363fb
```
#6363fb rgb(99,99,251)
```

Split Complementary Color

#fb63af
```
#fb63af rgb(251,99,175)
```
#affb63
```
#affb63 rgb(175,251,99)
```
#63affb
```
#63affb rgb(99,175,251)
```

Triadic Color

#fbaf63
```
#fbaf63 rgb(251,175,99)
```
#affb63
```
#affb63 rgb(175,251,99)
```
#63affb
```
#63affb rgb(99,175,251)
```
#af63fb
```
#af63fb rgb(175,99,251)
```

Tetradic Color

#89f918
```
#89f918 rgb(137,249,24)
```
#96fa31
```
#96fa31 rgb(150,250,49)
```
#a2fa4a
```
#a2fa4a rgb(162,250,74)
```
#affb63
```
#affb63 rgb(175,251,99)
```
#bcfc7c
```
#bcfc7c rgb(188,252,124)
```
#c9fc95
```
#c9fc95 rgb(201,252,149)
```
#d5fdae
```
#d5fdae rgb(213,253,174)
```

Monochromatic Color

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

#d5fb63
```
#d5fb63 rgb(213,251,99)
```
#c8fb63
```
#c8fb63 rgb(200,251,99)
```
#bcfb63
```
#bcfb63 rgb(188,251,99)
```
#affb63
```
#affb63 rgb(175,251,99)
```
#a2fb63
```
#a2fb63 rgb(162,251,99)
```
#96fb63
```
#96fb63 rgb(150,251,99)
```
#89fb63
```
#89fb63 rgb(137,251,99)
```

Similar Colors

Text with hexadecimal color #affb63

This text has a font color of #affb63.

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

#affb63 background color

This paragraph has a background color of #affb63.

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

#affb63 border color

This element has a border color of #affb63.

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

CSS codes

.text {color:#affb63;}

.background {background-color:#affb63;}

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

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

#081000
```
#081000 rgb(8,16,0)
```
#122301
```
#122301 rgb(18,35,1)
```
#1c3601
```
#1c3601 rgb(28,54,1)
```
#264a02
```
#264a02 rgb(38,74,2)
```
#2f5d02
```
#2f5d02 rgb(47,93,2)
```
#397003
```
#397003 rgb(57,112,3)
```
#438303
```
#438303 rgb(67,131,3)
```
#4d9604
```
#4d9604 rgb(77,150,4)
```
#57a904
```
#57a904 rgb(87,169,4)
```
#61bc05
```
#61bc05 rgb(97,188,5)
```
#6acf05
```
#6acf05 rgb(106,207,5)
```
#74e306
```
#74e306 rgb(116,227,6)
```
#7ef606
```
#7ef606 rgb(126,246,6)
```

Shade Color Variation

#88f917
```
#88f917 rgb(136,249,23)
```
#92fa2a
```
#92fa2a rgb(146,250,42)
```
#9bfa3d
```
#9bfa3d rgb(155,250,61)
```
#a5fb50
```
#a5fb50 rgb(165,251,80)
```
#affb63
```
#affb63 rgb(175,251,99)
```
#b9fb76
```
#b9fb76 rgb(185,251,118)
```
#c3fc89
```
#c3fc89 rgb(195,252,137)
```
#ccfc9c
```
#ccfc9c rgb(204,252,156)
```
#d6fdb0
```
#d6fdb0 rgb(214,253,176)
```
#e0fdc3
```
#e0fdc3 rgb(224,253,195)
```
#eafed6
```
#eafed6 rgb(234,254,214)
```
#f4fee9
```
#f4fee9 rgb(244,254,233)
```
#fdfffc
```
#fdfffc rgb(253,255,252)
```

Tint Color Variation

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

#afb1ad
```
#afb1ad rgb(175,177,173)
```
#afb7a7
```
#afb7a7 rgb(175,183,167)
```
#afbda1
```
#afbda1 rgb(175,189,161)
```
#afc49a
```
#afc49a rgb(175,196,154)
```
#afca94
```
#afca94 rgb(175,202,148)
```
#afd08e
```
#afd08e rgb(175,208,142)
```
#afd688
```
#afd688 rgb(175,214,136)
```
#afdc82
```
#afdc82 rgb(175,220,130)
```
#afe27c
```
#afe27c rgb(175,226,124)
```
#afe975
```
#afe975 rgb(175,233,117)
```
#afef6f
```
#afef6f rgb(175,239,111)
```
#aff569
```
#aff569 rgb(175,245,105)
```
#affb63
```
#affb63 rgb(175,251,99)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#ccdbbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe772 Protanopia 1% of men
#ffe2c2 Deuteranopia 1% of men
#cbecfd Tritanopia 0.001% of the population

Trichromacy

#e1ee6d Protanomaly 1% of men, 0.01% of women
#e1eb9f Deuteranomaly 6% of men, 0.4% of women
#c0f1c5 Tritanomaly 0.01% of the population

#affb63 hex color

#affb63 Color Information

#affb63 Color Conversion

Color Schemes with #affb63

Alternatives to #affb63

#affb63 Preview

Shades and Tints of #affb63

Tones of #affb63

Color Blindness Simulator