#afd1fa hex color

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

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

● #afd1fa color description : Very soft blue.

The hexadecimal color #afd1fa has RGB values of R:175, G:209, B:250 and CMYK values of C:0.3, M:0.16, Y:0, K:0.02. Its decimal value is 11522554.

Hex triplet	afd1fa	`#afd1fa`
RGB Decimal	175, 209, 250	`rgb(175,209,250)`
RGB Percent	68.6, 82, 98	`rgb(68.6%,82%,98%)`
CMYK	30, 16, 0, 2
HSL	212.8°, 88.2, 83.3	`hsl(212.8,88.2%,83.3%)`
HSV (or HSB)	212.8°, 30, 98
Web Safe	99ccff	`#99ccff`

CIE-LAB	82.708, -2.025, -23.757
XYZ	57.731, 61.615, 99.288
xyY	0.264, 0.282, 61.615
CIE-LCH	82.708, 23.843, 265.127
CIE-LUV	82.708, -18.714, -37.68
Hunter-Lab	78.495, -6.085, -20.049
Binary	10101111, 11010001, 11111010

#afd1fa
```
#afd1fa rgb(175,209,250)
```
#fad8af
```
#fad8af rgb(250,216,175)
```

Complementary Color

#aff7fa
```
#aff7fa rgb(175,247,250)
```
#afd1fa
```
#afd1fa rgb(175,209,250)
```
#b3affa
```
#b3affa rgb(179,175,250)
```

Analogous Color

#f7faaf
```
#f7faaf rgb(247,250,175)
```
#afd1fa
```
#afd1fa rgb(175,209,250)
```
#fab3af
```
#fab3af rgb(250,179,175)
```

Split Complementary Color

#d1faaf
```
#d1faaf rgb(209,250,175)
```
#afd1fa
```
#afd1fa rgb(175,209,250)
```
#faafd1
```
#faafd1 rgb(250,175,209)
```

Triadic Color

#affad8
```
#affad8 rgb(175,250,216)
```
#afd1fa
```
#afd1fa rgb(175,209,250)
```
#faafd1
```
#faafd1 rgb(250,175,209)
```
#fad8af
```
#fad8af rgb(250,216,175)
```

Tetradic Color

#67a8f6
```
#67a8f6 rgb(103,168,246)
```
#7fb5f7
```
#7fb5f7 rgb(127,181,247)
```
#97c3f9
```
#97c3f9 rgb(151,195,249)
```
#afd1fa
```
#afd1fa rgb(175,209,250)
```
#c7dffc
```
#c7dffc rgb(199,223,252)
```
#dfedfd
```
#dfedfd rgb(223,237,253)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Monochromatic Color

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

#afe4fa
```
#afe4fa rgb(175,228,250)
```
#afdefa
```
#afdefa rgb(175,222,250)
```
#afd7fa
```
#afd7fa rgb(175,215,250)
```
#afd1fa
```
#afd1fa rgb(175,209,250)
```
#afcbfa
```
#afcbfa rgb(175,203,250)
```
#afc5fa
```
#afc5fa rgb(175,197,250)
```
#afbefa
```
#afbefa rgb(175,190,250)
```

Similar Colors

Text with hexadecimal color #afd1fa

This text has a font color of #afd1fa.

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

#afd1fa background color

This paragraph has a background color of #afd1fa.

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

#afd1fa border color

This element has a border color of #afd1fa.

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

CSS codes

.text {color:#afd1fa;}

.background {background-color:#afd1fa;}

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

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, #01060c is the darkest color, while #f9fbff is the lightest one.

#01060c
```
#01060c rgb(1,6,12)
```
#020f1f
```
#020f1f rgb(2,15,31)
```
#031831
```
#031831 rgb(3,24,49)
```
#042144
```
#042144 rgb(4,33,68)
```
#052a56
```
#052a56 rgb(5,42,86)
```
#073369
```
#073369 rgb(7,51,105)
```
#083c7b
```
#083c7b rgb(8,60,123)
```
#09458e
```
#09458e rgb(9,69,142)
```
#0a4ea0
```
#0a4ea0 rgb(10,78,160)
```
#0b57b2
```
#0b57b2 rgb(11,87,178)
```
#0c60c5
```
#0c60c5 rgb(12,96,197)
```
#0d69d7
```
#0d69d7 rgb(13,105,215)
```
#0f72ea
```
#0f72ea rgb(15,114,234)
```

Shade Color Variation

#1b7cf1
```
#1b7cf1 rgb(27,124,241)
```
#2e87f2
```
#2e87f2 rgb(46,135,242)
```
#4091f3
```
#4091f3 rgb(64,145,243)
```
#539cf4
```
#539cf4 rgb(83,156,244)
```
#65a7f5
```
#65a7f5 rgb(101,167,245)
```
#78b1f7
```
#78b1f7 rgb(120,177,247)
```
#8abcf8
```
#8abcf8 rgb(138,188,248)
```
#9dc6f9
```
#9dc6f9 rgb(157,198,249)
```
#afd1fa
```
#afd1fa rgb(175,209,250)
```
#c1dcfb
```
#c1dcfb rgb(193,220,251)
```
#d4e6fc
```
#d4e6fc rgb(212,230,252)
```
#e6f1fd
```
#e6f1fd rgb(230,241,253)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#d3d4d6
```
#d3d4d6 rgb(211,212,214)
```
#d0d4d9
```
#d0d4d9 rgb(208,212,217)
```
#ccd4dd
```
#ccd4dd rgb(204,212,221)
```
#c9d3e0
```
#c9d3e0 rgb(201,211,224)
```
#c6d3e3
```
#c6d3e3 rgb(198,211,227)
```
#c3d3e6
```
#c3d3e6 rgb(195,211,230)
```
#bfd3ea
```
#bfd3ea rgb(191,211,234)
```
#bcd2ed
```
#bcd2ed rgb(188,210,237)
```
#b9d2f0
```
#b9d2f0 rgb(185,210,240)
```
#b6d2f3
```
#b6d2f3 rgb(182,210,243)
```
#b2d1f7
```
#b2d1f7 rgb(178,209,247)
```
#afd1fa
```
#afd1fa rgb(175,209,250)
```
#acd1fd
```
#acd1fd rgb(172,209,253)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c6cdd5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7cef7 Protanopia 1% of men
#cbccfc Deuteranopia 1% of men
#add6e6 Tritanopia 0.001% of the population

Trichromacy

#becff8 Protanomaly 1% of men, 0.01% of women
#c1cefb Deuteranomaly 6% of men, 0.4% of women
#aed4ed Tritanomaly 0.01% of the population

#afd1fa hex color

#afd1fa Color Information

#afd1fa Color Conversion

Color Schemes with #afd1fa

Alternatives to #afd1fa

#afd1fa Preview

Shades and Tints of #afd1fa

Tones of #afd1fa

Color Blindness Simulator