#affb66 hex color

In a RGB color space, hex #affb66 is composed of 68.6% red, 98.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 0% magenta, 59.4% yellow and 1.6% black. It has a hue angle of 90.6 degrees, a saturation of 94.9% and a lightness of 69.2%. #affb66 color hex could be obtained by blending #ffffcc with #5ff700. Closest websafe color is: #99ff66.

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

● #affb66 color description : Soft green.

The hexadecimal color #affb66 has RGB values of R:175, G:251, B:102 and CMYK values of C:0.3, M:0, Y:0.59, K:0.02. Its decimal value is 11533158.

Hex triplet	affb66	`#affb66`
RGB Decimal	175, 251, 102	`rgb(175,251,102)`
RGB Percent	68.6, 98.4, 40	`rgb(68.6%,98.4%,40%)`
CMYK	30, 0, 59, 2
HSL	90.6°, 94.9, 69.2	`hsl(90.6,94.9%,69.2%)`
HSV (or HSB)	90.6°, 59.4, 98.4
Web Safe	99ff66	`#99ff66`

CIE-LAB	91.264, -46.769, 62.542
XYZ	54.573, 79.066, 24.956
xyY	0.344, 0.499, 79.066
CIE-LCH	91.264, 78.096, 126.789
CIE-LUV	91.264, -37.837, 86.162
Hunter-Lab	88.919, -46.055, 45.603
Binary	10101111, 11111011, 01100110

#affb66
```
#affb66 rgb(175,251,102)
```
#b266fb
```
#b266fb rgb(178,102,251)
```

Complementary Color

#fafb66
```
#fafb66 rgb(250,251,102)
```
#affb66
```
#affb66 rgb(175,251,102)
```
#66fb68
```
#66fb68 rgb(102,251,104)
```

Analogous Color

#fb66fa
```
#fb66fa rgb(251,102,250)
```
#affb66
```
#affb66 rgb(175,251,102)
```
#6866fb
```
#6866fb rgb(104,102,251)
```

Split Complementary Color

#fb66af
```
#fb66af rgb(251,102,175)
```
#affb66
```
#affb66 rgb(175,251,102)
```
#66affb
```
#66affb rgb(102,175,251)
```

Triadic Color

#fbb266
```
#fbb266 rgb(251,178,102)
```
#affb66
```
#affb66 rgb(175,251,102)
```
#66affb
```
#66affb rgb(102,175,251)
```
#b266fb
```
#b266fb rgb(178,102,251)
```

Tetradic Color

#88f91b
```
#88f91b rgb(136,249,27)
```
#95fa34
```
#95fa34 rgb(149,250,52)
```
#a2fa4d
```
#a2fa4d rgb(162,250,77)
```
#affb66
```
#affb66 rgb(175,251,102)
```
#bcfc7f
```
#bcfc7f rgb(188,252,127)
```
#c9fc98
```
#c9fc98 rgb(201,252,152)
```
#d6fdb1
```
#d6fdb1 rgb(214,253,177)
```

Monochromatic Color

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

#d4fb66
```
#d4fb66 rgb(212,251,102)
```
#c8fb66
```
#c8fb66 rgb(200,251,102)
```
#bbfb66
```
#bbfb66 rgb(187,251,102)
```
#affb66
```
#affb66 rgb(175,251,102)
```
#a3fb66
```
#a3fb66 rgb(163,251,102)
```
#96fb66
```
#96fb66 rgb(150,251,102)
```
#8afb66
```
#8afb66 rgb(138,251,102)
```

Similar Colors

Text with hexadecimal color #affb66

This text has a font color of #affb66.

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

#affb66 background color

This paragraph has a background color of #affb66.

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

#affb66 border color

This element has a border color of #affb66.

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

CSS codes

.text {color:#affb66;}

.background {background-color:#affb66;}

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

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, #0a1300 is the darkest color, while #ffffff is the lightest one.

#0a1300
```
#0a1300 rgb(10,19,0)
```
#132601
```
#132601 rgb(19,38,1)
```
#1d3901
```
#1d3901 rgb(29,57,1)
```
#264c02
```
#264c02 rgb(38,76,2)
```
#306002
```
#306002 rgb(48,96,2)
```
#3a7303
```
#3a7303 rgb(58,115,3)
```
#438603
```
#438603 rgb(67,134,3)
```
#4d9904
```
#4d9904 rgb(77,153,4)
```
#57ac04
```
#57ac04 rgb(87,172,4)
```
#60bf05
```
#60bf05 rgb(96,191,5)
```
#6ad205
```
#6ad205 rgb(106,210,5)
```
#73e506
```
#73e506 rgb(115,229,6)
```
#7df806
```
#7df806 rgb(125,248,6)
```

Shade Color Variation

#87f91a
```
#87f91a rgb(135,249,26)
```
#91fa2d
```
#91fa2d rgb(145,250,45)
```
#9bfa40
```
#9bfa40 rgb(155,250,64)
```
#a5fb53
```
#a5fb53 rgb(165,251,83)
```
#affb66
```
#affb66 rgb(175,251,102)
```
#b9fb79
```
#b9fb79 rgb(185,251,121)
```
#c3fc8c
```
#c3fc8c rgb(195,252,140)
```
#cdfc9f
```
#cdfc9f rgb(205,252,159)
```
#d7fdb2
```
#d7fdb2 rgb(215,253,178)
```
#e1fdc6
```
#e1fdc6 rgb(225,253,198)
```
#ebfed9
```
#ebfed9 rgb(235,254,217)
```
#f5feec
```
#f5feec rgb(245,254,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b0b3ae
```
#b0b3ae rgb(176,179,174)
```
#b0b9a8
```
#b0b9a8 rgb(176,185,168)
```
#b0bfa2
```
#b0bfa2 rgb(176,191,162)
```
#b0c59c
```
#b0c59c rgb(176,197,156)
```
#b0cb96
```
#b0cb96 rgb(176,203,150)
```
#b0d190
```
#b0d190 rgb(176,209,144)
```
#b0d78a
```
#b0d78a rgb(176,215,138)
```
#b0dd84
```
#b0dd84 rgb(176,221,132)
```
#afe37e
```
#afe37e rgb(175,227,126)
```
#afe978
```
#afe978 rgb(175,233,120)
```
#afef72
```
#afef72 rgb(175,239,114)
```
#aff56c
```
#aff56c rgb(175,245,108)
```
#affb66
```
#affb66 rgb(175,251,102)
```

Tone Color Variation

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

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

Trichromacy

#e1ee6e Protanomaly 1% of men, 0.01% of women
#e1eba0 Deuteranomaly 6% of men, 0.4% of women
#c0f1c6 Tritanomaly 0.01% of the population

#affb66 hex color

#affb66 Color Information

#affb66 Color Conversion

Color Schemes with #affb66

Alternatives to #affb66

#affb66 Preview

Shades and Tints of #affb66

Tones of #affb66

Color Blindness Simulator