#afb4fb hex color

In a RGB color space, hex #afb4fb is composed of 68.6% red, 70.6% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 28.3% magenta, 0% yellow and 1.6% black. It has a hue angle of 236.1 degrees, a saturation of 90.5% and a lightness of 83.5%. #afb4fb color hex could be obtained by blending #ffffff with #5f69f7. Closest websafe color is: #99ccff.

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

● #afb4fb color description : Very soft blue.

The hexadecimal color #afb4fb has RGB values of R:175, G:180, B:251 and CMYK values of C:0.3, M:0.28, Y:0, K:0.02. Its decimal value is 11515131.

Hex triplet	afb4fb	`#afb4fb`
RGB Decimal	175, 180, 251	`rgb(175,180,251)`
RGB Percent	68.6, 70.6, 98.4	`rgb(68.6%,70.6%,98.4%)`
CMYK	30, 28, 0, 2
HSL	236.1°, 90.5, 83.5	`hsl(236.1,90.5%,83.5%)`
HSV (or HSB)	236.1°, 30.3, 98.4
Web Safe	99ccff	`#99ccff`

CIE-LAB	75.277, 13.949, -35.699
XYZ	51.41, 48.721, 97.957
xyY	0.26, 0.246, 48.721
CIE-LCH	75.277, 38.327, 291.343
CIE-LUV	75.277, -6.598, -59.554
Hunter-Lab	69.8, 9.32, -34.347
Binary	10101111, 10110100, 11111011

#afb4fb
```
#afb4fb rgb(175,180,251)
```
#fbf6af
```
#fbf6af rgb(251,246,175)
```

Complementary Color

#afdafb
```
#afdafb rgb(175,218,251)
```
#afb4fb
```
#afb4fb rgb(175,180,251)
```
#d0affb
```
#d0affb rgb(208,175,251)
```

Analogous Color

#dafbaf
```
#dafbaf rgb(218,251,175)
```
#afb4fb
```
#afb4fb rgb(175,180,251)
```
#fbd0af
```
#fbd0af rgb(251,208,175)
```

Split Complementary Color

#b4fbaf
```
#b4fbaf rgb(180,251,175)
```
#afb4fb
```
#afb4fb rgb(175,180,251)
```
#fbafb4
```
#fbafb4 rgb(251,175,180)
```

Triadic Color

#affbf6
```
#affbf6 rgb(175,251,246)
```
#afb4fb
```
#afb4fb rgb(175,180,251)
```
#fbafb4
```
#fbafb4 rgb(251,175,180)
```
#fbf6af
```
#fbf6af rgb(251,246,175)
```

Tetradic Color

#6670f7
```
#6670f7 rgb(102,112,247)
```
#7e86f9
```
#7e86f9 rgb(126,134,249)
```
#979dfa
```
#979dfa rgb(151,157,250)
```
#afb4fb
```
#afb4fb rgb(175,180,251)
```
#c7cbfc
```
#c7cbfc rgb(199,203,252)
```
#e0e2fd
```
#e0e2fd rgb(224,226,253)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Monochromatic Color

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

#afc7fb
```
#afc7fb rgb(175,199,251)
```
#afc1fb
```
#afc1fb rgb(175,193,251)
```
#afbafb
```
#afbafb rgb(175,186,251)
```
#afb4fb
```
#afb4fb rgb(175,180,251)
```
#b0affb
```
#b0affb rgb(176,175,251)
```
#b7affb
```
#b7affb rgb(183,175,251)
```
#bdaffb
```
#bdaffb rgb(189,175,251)
```

Similar Colors

Text with hexadecimal color #afb4fb

This text has a font color of #afb4fb.

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

#afb4fb background color

This paragraph has a background color of #afb4fb.

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

#afb4fb border color

This element has a border color of #afb4fb.

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

CSS codes

.text {color:#afb4fb;}

.background {background-color:#afb4fb;}

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

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, #01020d is the darkest color, while #fafaff is the lightest one.

#01020d
```
#01020d rgb(1,2,13)
```
#020420
```
#020420 rgb(2,4,32)
```
#030633
```
#030633 rgb(3,6,51)
```
#030845
```
#030845 rgb(3,8,69)
```
#040a58
```
#040a58 rgb(4,10,88)
```
#050c6b
```
#050c6b rgb(5,12,107)
```
#060e7d
```
#060e7d rgb(6,14,125)
```
#071090
```
#071090 rgb(7,16,144)
```
#0812a3
```
#0812a3 rgb(8,18,163)
```
#0914b6
```
#0914b6 rgb(9,20,182)
```
#0a17c8
```
#0a17c8 rgb(10,23,200)
```
#0b19db
```
#0b19db rgb(11,25,219)
```
#0c1bee
```
#0c1bee rgb(12,27,238)
```

Shade Color Variation

#1a28f4
```
#1a28f4 rgb(26,40,244)
```
#2c39f4
```
#2c39f4 rgb(44,57,244)
```
#3f4bf5
```
#3f4bf5 rgb(63,75,245)
```
#525cf6
```
#525cf6 rgb(82,92,246)
```
#646ef7
```
#646ef7 rgb(100,110,247)
```
#777ff8
```
#777ff8 rgb(119,127,248)
```
#8a91f9
```
#8a91f9 rgb(138,145,249)
```
#9ca2fa
```
#9ca2fa rgb(156,162,250)
```
#afb4fb
```
#afb4fb rgb(175,180,251)
```
#c2c6fc
```
#c2c6fc rgb(194,198,252)
```
#d4d7fd
```
#d4d7fd rgb(212,215,253)
```
#e7e9fe
```
#e7e9fe rgb(231,233,254)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

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

#d3d3d7
```
#d3d3d7 rgb(211,211,215)
```
#cfd0db
```
#cfd0db rgb(207,208,219)
```
#cccdde
```
#cccdde rgb(204,205,222)
```
#c9cae1
```
#c9cae1 rgb(201,202,225)
```
#c6c8e4
```
#c6c8e4 rgb(198,200,228)
```
#c2c5e8
```
#c2c5e8 rgb(194,197,232)
```
#bfc2eb
```
#bfc2eb rgb(191,194,235)
```
#bcbfee
```
#bcbfee rgb(188,191,238)
```
#b9bcf1
```
#b9bcf1 rgb(185,188,241)
```
#b5baf5
```
#b5baf5 rgb(181,186,245)
```
#b2b7f8
```
#b2b7f8 rgb(178,183,248)
```
#afb4fb
```
#afb4fb rgb(175,180,251)
```
#acb1fe
```
#acb1fe rgb(172,177,254)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#b9bac8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7bafd Protanopia 1% of men
#a9bafa Deuteranopia 1% of men
#a7c0ce Tritanopia 0.001% of the population

Trichromacy

#aab8fc Protanomaly 1% of men, 0.01% of women
#abb8fa Deuteranomaly 6% of men, 0.4% of women
#aabcde Tritanomaly 0.01% of the population

#afb4fb hex color

#afb4fb Color Information

#afb4fb Color Conversion

Color Schemes with #afb4fb

Alternatives to #afb4fb

#afb4fb Preview

Shades and Tints of #afb4fb

Tones of #afb4fb

Color Blindness Simulator