#affd63 hex color

In a RGB color space, hex #affd63 is composed of 68.6% red, 99.2% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 0% magenta, 60.9% yellow and 0.8% black. It has a hue angle of 90.4 degrees, a saturation of 97.5% and a lightness of 69%. #affd63 color hex could be obtained by blending #ffffc6 with #5ffb00. Closest websafe color is: #99ff66.

♥
- f
- t
- g
- R 69
- G 99
- B 39
RGB color chart
- C 31
- M 0
- Y 61
- K 1
CMYK color chart

● #affd63 color description : Soft green.

The hexadecimal color #affd63 has RGB values of R:175, G:253, B:99 and CMYK values of C:0.31, M:0, Y:0.61, K:0.01. Its decimal value is 11533667.

Hex triplet	affd63	`#affd63`
RGB Decimal	175, 253, 99	`rgb(175,253,99)`
RGB Percent	68.6, 99.2, 38.8	`rgb(68.6%,99.2%,38.8%)`
CMYK	31, 0, 61, 1
HSL	90.4°, 97.5, 69	`hsl(90.4,97.5%,69%)`
HSV (or HSB)	90.4°, 60.9, 99.2
Web Safe	99ff66	`#99ff66`

CIE-LAB	91.803, -47.872, 64.394
XYZ	55.055, 80.263, 24.395
xyY	0.345, 0.503, 80.263
CIE-LCH	91.803, 80.24, 126.628
CIE-LUV	91.803, -38.826, 88.202
Hunter-Lab	89.59, -47.09, 46.568
Binary	10101111, 11111101, 01100011

#affd63
```
#affd63 rgb(175,253,99)
```
#b163fd
```
#b163fd rgb(177,99,253)
```

Complementary Color

#fcfd63
```
#fcfd63 rgb(252,253,99)
```
#affd63
```
#affd63 rgb(175,253,99)
```
#63fd64
```
#63fd64 rgb(99,253,100)
```

Analogous Color

#fd63fc
```
#fd63fc rgb(253,99,252)
```
#affd63
```
#affd63 rgb(175,253,99)
```
#6463fd
```
#6463fd rgb(100,99,253)
```

Split Complementary Color

#fd63af
```
#fd63af rgb(253,99,175)
```
#affd63
```
#affd63 rgb(175,253,99)
```
#63affd
```
#63affd rgb(99,175,253)
```

Triadic Color

#fdb163
```
#fdb163 rgb(253,177,99)
```
#affd63
```
#affd63 rgb(175,253,99)
```
#63affd
```
#63affd rgb(99,175,253)
```
#b163fd
```
#b163fd rgb(177,99,253)
```

Tetradic Color

#88fc17
```
#88fc17 rgb(136,252,23)
```
#95fc31
```
#95fc31 rgb(149,252,49)
```
#a2fd4a
```
#a2fd4a rgb(162,253,74)
```
#affd63
```
#affd63 rgb(175,253,99)
```
#bcfd7c
```
#bcfd7c rgb(188,253,124)
```
#c9fe95
```
#c9fe95 rgb(201,254,149)
```
#d6feaf
```
#d6feaf rgb(214,254,175)
```

Monochromatic Color

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

#d6fd63
```
#d6fd63 rgb(214,253,99)
```
#c9fd63
```
#c9fd63 rgb(201,253,99)
```
#bcfd63
```
#bcfd63 rgb(188,253,99)
```
#affd63
```
#affd63 rgb(175,253,99)
```
#a2fd63
```
#a2fd63 rgb(162,253,99)
```
#95fd63
```
#95fd63 rgb(149,253,99)
```
#89fd63
```
#89fd63 rgb(137,253,99)
```

Similar Colors

Text with hexadecimal color #affd63

This text has a font color of #affd63.

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

#affd63 background color

This paragraph has a background color of #affd63.

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

#affd63 border color

This element has a border color of #affd63.

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

CSS codes

.text {color:#affd63;}

.background {background-color:#affd63;}

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

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

#091200
```
#091200 rgb(9,18,0)
```
#132600
```
#132600 rgb(19,38,0)
```
#1d3901
```
#1d3901 rgb(29,57,1)
```
#264c01
```
#264c01 rgb(38,76,1)
```
#306001
```
#306001 rgb(48,96,1)
```
#3a7301
```
#3a7301 rgb(58,115,1)
```
#438702
```
#438702 rgb(67,135,2)
```
#4d9a02
```
#4d9a02 rgb(77,154,2)
```
#57ad02
```
#57ad02 rgb(87,173,2)
```
#60c102
```
#60c102 rgb(96,193,2)
```
#6ad403
```
#6ad403 rgb(106,212,3)
```
#74e703
```
#74e703 rgb(116,231,3)
```
#7dfb03
```
#7dfb03 rgb(125,251,3)
```

Shade Color Variation

#87fc16
```
#87fc16 rgb(135,252,22)
```
#91fc29
```
#91fc29 rgb(145,252,41)
```
#9bfd3c
```
#9bfd3c rgb(155,253,60)
```
#a5fd50
```
#a5fd50 rgb(165,253,80)
```
#affd63
```
#affd63 rgb(175,253,99)
```
#b9fd76
```
#b9fd76 rgb(185,253,118)
```
#c3fd8a
```
#c3fd8a rgb(195,253,138)
```
#cdfe9d
```
#cdfe9d rgb(205,254,157)
```
#d7feb0
```
#d7feb0 rgb(215,254,176)
```
#e1fec4
```
#e1fec4 rgb(225,254,196)
```
#ebfed7
```
#ebfed7 rgb(235,254,215)
```
#f5ffeb
```
#f5ffeb rgb(245,255,235)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#b0b4ac
```
#b0b4ac rgb(176,180,172)
```
#b0baa6
```
#b0baa6 rgb(176,186,166)
```
#b0c0a0
```
#b0c0a0 rgb(176,192,160)
```
#b0c69a
```
#b0c69a rgb(176,198,154)
```
#b0cc94
```
#b0cc94 rgb(176,204,148)
```
#b0d28e
```
#b0d28e rgb(176,210,142)
```
#afd987
```
#afd987 rgb(175,217,135)
```
#afdf81
```
#afdf81 rgb(175,223,129)
```
#afe57b
```
#afe57b rgb(175,229,123)
```
#afeb75
```
#afeb75 rgb(175,235,117)
```
#aff16f
```
#aff16f rgb(175,241,111)
```
#aff769
```
#aff769 rgb(175,247,105)
```
#affd63
```
#affd63 rgb(175,253,99)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#cddcbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe881 Protanopia 1% of men
#ffe4c6 Deuteranopia 1% of men
#cbeeff Tritanopia 0.001% of the population

Trichromacy

#e1f076 Protanomaly 1% of men, 0.01% of women
#e1eda2 Deuteranomaly 6% of men, 0.4% of women
#c1f3c6 Tritanomaly 0.01% of the population

#affd63 hex color

#affd63 Color Information

#affd63 Color Conversion

Color Schemes with #affd63

Alternatives to #affd63

#affd63 Preview

Shades and Tints of #affd63

Tones of #affd63

Color Blindness Simulator