#afb1fe hex color

In a RGB color space, hex #afb1fe is composed of 68.6% red, 69.4% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 30.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 238.5 degrees, a saturation of 97.5% and a lightness of 84.1%. #afb1fe color hex could be obtained by blending #ffffff with #5f63fd. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 69
- G 69
- B 100
RGB color chart
- C 31
- M 30
- Y 0
- K 0
CMYK color chart

● #afb1fe color description : Very soft blue.

The hexadecimal color #afb1fe has RGB values of R:175, G:177, B:254 and CMYK values of C:0.31, M:0.3, Y:0, K:0. Its decimal value is 11514366.

Hex triplet	afb1fe	`#afb1fe`
RGB Decimal	175, 177, 254	`rgb(175,177,254)`
RGB Percent	68.6, 69.4, 99.6	`rgb(68.6%,69.4%,99.6%)`
CMYK	31, 30, 0, 0
HSL	238.5°, 97.5, 84.1	`hsl(238.5,97.5%,84.1%)`
HSV (or HSB)	238.5°, 31.1, 99.6
Web Safe	9999ff	`#9999ff`

CIE-LAB	74.644, 16.357, -38.297
XYZ	51.287, 47.713, 100.268
xyY	0.257, 0.239, 47.713
CIE-LCH	74.644, 41.644, 293.127
CIE-LUV	74.644, -5.545, -64.218
Hunter-Lab	69.075, 11.654, -37.712
Binary	10101111, 10110001, 11111110

#afb1fe
```
#afb1fe rgb(175,177,254)
```
#fefcaf
```
#fefcaf rgb(254,252,175)
```

Complementary Color

#afd9fe
```
#afd9fe rgb(175,217,254)
```
#afb1fe
```
#afb1fe rgb(175,177,254)
```
#d5affe
```
#d5affe rgb(213,175,254)
```

Analogous Color

#d9feaf
```
#d9feaf rgb(217,254,175)
```
#afb1fe
```
#afb1fe rgb(175,177,254)
```
#fed5af
```
#fed5af rgb(254,213,175)
```

Split Complementary Color

#b1feaf
```
#b1feaf rgb(177,254,175)
```
#afb1fe
```
#afb1fe rgb(175,177,254)
```
#feafb1
```
#feafb1 rgb(254,175,177)
```

Triadic Color

#affefc
```
#affefc rgb(175,254,252)
```
#afb1fe
```
#afb1fe rgb(175,177,254)
```
#feafb1
```
#feafb1 rgb(254,175,177)
```
#fefcaf
```
#fefcaf rgb(254,252,175)
```

Tetradic Color

#6367fd
```
#6367fd rgb(99,103,253)
```
#7d80fd
```
#7d80fd rgb(125,128,253)
```
#9698fe
```
#9698fe rgb(150,152,254)
```
#afb1fe
```
#afb1fe rgb(175,177,254)
```
#c8cafe
```
#c8cafe rgb(200,202,254)
```
#e1e2ff
```
#e1e2ff rgb(225,226,255)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Monochromatic Color

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

#afc5fe
```
#afc5fe rgb(175,197,254)
```
#afbefe
```
#afbefe rgb(175,190,254)
```
#afb8fe
```
#afb8fe rgb(175,184,254)
```
#afb1fe
```
#afb1fe rgb(175,177,254)
```
#b4affe
```
#b4affe rgb(180,175,254)
```
#baaffe
```
#baaffe rgb(186,175,254)
```
#c1affe
```
#c1affe rgb(193,175,254)
```

Similar Colors

Text with hexadecimal color #afb1fe

This text has a font color of #afb1fe.

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

#afb1fe background color

This paragraph has a background color of #afb1fe.

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

#afb1fe border color

This element has a border color of #afb1fe.

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

CSS codes

.text {color:#afb1fe;}

.background {background-color:#afb1fe;}

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

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

#000111
```
#000111 rgb(0,1,17)
```
#000124
```
#000124 rgb(0,1,36)
```
#010238
```
#010238 rgb(1,2,56)
```
#01034b
```
#01034b rgb(1,3,75)
```
#01045e
```
#01045e rgb(1,4,94)
```
#010472
```
#010472 rgb(1,4,114)
```
#020585
```
#020585 rgb(2,5,133)
```
#020698
```
#020698 rgb(2,6,152)
```
#0206ac
```
#0206ac rgb(2,6,172)
```
#0207bf
```
#0207bf rgb(2,7,191)
```
#0308d3
```
#0308d3 rgb(3,8,211)
```
#0309e6
```
#0309e6 rgb(3,9,230)
```
#0309f9
```
#0309f9 rgb(3,9,249)
```

Shade Color Variation

#141afc
```
#141afc rgb(20,26,252)
```
#272dfc
```
#272dfc rgb(39,45,252)
```
#3b40fd
```
#3b40fd rgb(59,64,253)
```
#4e53fd
```
#4e53fd rgb(78,83,253)
```
#6265fd
```
#6265fd rgb(98,101,253)
```
#7578fd
```
#7578fd rgb(117,120,253)
```
#888bfe
```
#888bfe rgb(136,139,254)
```
#9c9efe
```
#9c9efe rgb(156,158,254)
```
#afb1fe
```
#afb1fe rgb(175,177,254)
```
#c2c4fe
```
#c2c4fe rgb(194,196,254)
```
#d6d7fe
```
#d6d7fe rgb(214,215,254)
```
#e9eaff
```
#e9eaff rgb(233,234,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#d4d4d9
```
#d4d4d9 rgb(212,212,217)
```
#d1d2dc
```
#d1d2dc rgb(209,210,220)
```
#cecfdf
```
#cecfdf rgb(206,207,223)
```
#cbcce2
```
#cbcce2 rgb(203,204,226)
```
#c8c9e5
```
#c8c9e5 rgb(200,201,229)
```
#c5c6e8
```
#c5c6e8 rgb(197,198,232)
```
#c2c3eb
```
#c2c3eb rgb(194,195,235)
```
#bfc0ee
```
#bfc0ee rgb(191,192,238)
```
#bbbdf2
```
#bbbdf2 rgb(187,189,242)
```
#b8baf5
```
#b8baf5 rgb(184,186,245)
```
#b5b7f8
```
#b5b7f8 rgb(181,183,248)
```
#b2b4fb
```
#b2b4fb rgb(178,180,251)
```
#afb1fe
```
#afb1fe rgb(175,177,254)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b7b7c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b8ff Protanopia 1% of men
#a4b9fc Deuteranopia 1% of men
#a6bfcc Tritanopia 0.001% of the population

Trichromacy

#a8b6fe Protanomaly 1% of men, 0.01% of women
#a8b6fd Deuteranomaly 6% of men, 0.4% of women
#a9bade Tritanomaly 0.01% of the population

#afb1fe hex color

#afb1fe Color Information

#afb1fe Color Conversion

Color Schemes with #afb1fe

Alternatives to #afb1fe

#afb1fe Preview

Shades and Tints of #afb1fe

Tones of #afb1fe

Color Blindness Simulator