#affaf1 hex color

In a RGB color space, hex #affaf1 is composed of 68.6% red, 98% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 0% magenta, 3.6% yellow and 2% black. It has a hue angle of 172.8 degrees, a saturation of 88.2% and a lightness of 83.3%. #affaf1 color hex could be obtained by blending #ffffff with #5ff5e3. Closest websafe color is: #99ffff.

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

● #affaf1 color description : Very soft cyan.

The hexadecimal color #affaf1 has RGB values of R:175, G:250, B:241 and CMYK values of C:0.3, M:0, Y:0.04, K:0.02. Its decimal value is 11533041.

Hex triplet	affaf1	`#affaf1`
RGB Decimal	175, 250, 241	`rgb(175,250,241)`
RGB Percent	68.6, 98, 94.5	`rgb(68.6%,98%,94.5%)`
CMYK	30, 0, 4, 2
HSL	172.8°, 88.2, 83.3	`hsl(172.8,88.2%,83.3%)`
HSV (or HSB)	172.8°, 30, 98
Web Safe	99ffff	`#99ffff`

CIE-LAB	93.378, -24.841, -3.08
XYZ	67.738, 83.833, 95.826
xyY	0.274, 0.339, 83.833
CIE-LCH	93.378, 25.031, 187.069
CIE-LUV	93.378, -36.211, -0.598
Hunter-Lab	91.56, -28.174, 2.04
Binary	10101111, 11111010, 11110001

#affaf1
```
#affaf1 rgb(175,250,241)
```
#faafb8
```
#faafb8 rgb(250,175,184)
```

Complementary Color

#affacc
```
#affacc rgb(175,250,204)
```
#affaf1
```
#affaf1 rgb(175,250,241)
```
#afdefa
```
#afdefa rgb(175,222,250)
```

Analogous Color

#faccaf
```
#faccaf rgb(250,204,175)
```
#affaf1
```
#affaf1 rgb(175,250,241)
```
#faafde
```
#faafde rgb(250,175,222)
```

Split Complementary Color

#faf1af
```
#faf1af rgb(250,241,175)
```
#affaf1
```
#affaf1 rgb(175,250,241)
```
#f1affa
```
#f1affa rgb(241,175,250)
```

Triadic Color

#b8faaf
```
#b8faaf rgb(184,250,175)
```
#affaf1
```
#affaf1 rgb(175,250,241)
```
#f1affa
```
#f1affa rgb(241,175,250)
```
#faafb8
```
#faafb8 rgb(250,175,184)
```

Tetradic Color

#67f6e4
```
#67f6e4 rgb(103,246,228)
```
#7ff7e9
```
#7ff7e9 rgb(127,247,233)
```
#97f9ed
```
#97f9ed rgb(151,249,237)
```
#affaf1
```
#affaf1 rgb(175,250,241)
```
#c7fcf5
```
#c7fcf5 rgb(199,252,245)
```
#dffdf9
```
#dffdf9 rgb(223,253,249)
```
#f7fffe
```
#f7fffe rgb(247,255,254)
```

Monochromatic Color

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

#affade
```
#affade rgb(175,250,222)
```
#affae5
```
#affae5 rgb(175,250,229)
```
#affaeb
```
#affaeb rgb(175,250,235)
```
#affaf1
```
#affaf1 rgb(175,250,241)
```
#affaf7
```
#affaf7 rgb(175,250,247)
```
#aff7fa
```
#aff7fa rgb(175,247,250)
```
#aff0fa
```
#aff0fa rgb(175,240,250)
```

Similar Colors

Text with hexadecimal color #affaf1

This text has a font color of #affaf1.

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

#affaf1 background color

This paragraph has a background color of #affaf1.

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

#affaf1 border color

This element has a border color of #affaf1.

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

CSS codes

.text {color:#affaf1;}

.background {background-color:#affaf1;}

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

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, #010c0b is the darkest color, while #f9fffe is the lightest one.

#010c0b
```
#010c0b rgb(1,12,11)
```
#021f1b
```
#021f1b rgb(2,31,27)
```
#03312c
```
#03312c rgb(3,49,44)
```
#04443c
```
#04443c rgb(4,68,60)
```
#05564c
```
#05564c rgb(5,86,76)
```
#07695d
```
#07695d rgb(7,105,93)
```
#087b6d
```
#087b6d rgb(8,123,109)
```
#098e7e
```
#098e7e rgb(9,142,126)
```
#0aa08e
```
#0aa08e rgb(10,160,142)
```
#0bb29e
```
#0bb29e rgb(11,178,158)
```
#0cc5af
```
#0cc5af rgb(12,197,175)
```
#0dd7bf
```
#0dd7bf rgb(13,215,191)
```
#0fead0
```
#0fead0 rgb(15,234,208)
```

Shade Color Variation

#1bf1d7
```
#1bf1d7 rgb(27,241,215)
```
#2ef2da
```
#2ef2da rgb(46,242,218)
```
#40f3de
```
#40f3de rgb(64,243,222)
```
#53f4e1
```
#53f4e1 rgb(83,244,225)
```
#65f5e4
```
#65f5e4 rgb(101,245,228)
```
#78f7e7
```
#78f7e7 rgb(120,247,231)
```
#8af8eb
```
#8af8eb rgb(138,248,235)
```
#9df9ee
```
#9df9ee rgb(157,249,238)
```
#affaf1
```
#affaf1 rgb(175,250,241)
```
#c1fbf4
```
#c1fbf4 rgb(193,251,244)
```
#d4fcf7
```
#d4fcf7 rgb(212,252,247)
```
#e6fdfb
```
#e6fdfb rgb(230,253,251)
```
#f9fffe
```
#f9fffe rgb(249,255,254)
```

Tint Color Variation

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

#d3d6d6
```
#d3d6d6 rgb(211,214,214)
```
#d0d9d8
```
#d0d9d8 rgb(208,217,216)
```
#ccdddb
```
#ccdddb rgb(204,221,219)
```
#c9e0dd
```
#c9e0dd rgb(201,224,221)
```
#c6e3e0
```
#c6e3e0 rgb(198,227,224)
```
#c3e6e2
```
#c3e6e2 rgb(195,230,226)
```
#bfeae5
```
#bfeae5 rgb(191,234,229)
```
#bcede7
```
#bcede7 rgb(188,237,231)
```
#b9f0ea
```
#b9f0ea rgb(185,240,234)
```
#b6f3ec
```
#b6f3ec rgb(182,243,236)
```
#b2f7ef
```
#b2f7ef rgb(178,247,239)
```
#affaf1
```
#affaf1 rgb(175,250,241)
```
#acfdf3
```
#acfdf3 rgb(172,253,243)
```

Tone Color Variation

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

#e3e3e3 Achromatopsia 0.005% of the population
#d9e8e6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1ebea Protanopia 1% of men
#fde6f8 Deuteranopia 1% of men
#cef3ff Tritanopia 0.001% of the population

Trichromacy

#d9f0ec Protanomaly 1% of men, 0.01% of women
#e0edf5 Deuteranomaly 6% of men, 0.4% of women
#c2f5f9 Tritanomaly 0.01% of the population

#affaf1 hex color

#affaf1 Color Information

#affaf1 Color Conversion

Color Schemes with #affaf1

Alternatives to #affaf1

#affaf1 Preview

Shades and Tints of #affaf1

Tones of #affaf1

Color Blindness Simulator