#8ab1f2 hex color

In a RGB color space, hex #8ab1f2 is composed of 54.1% red, 69.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 26.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 217.5 degrees, a saturation of 80% and a lightness of 74.5%. #8ab1f2 color hex could be obtained by blending #ffffff with #1563e5. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 54
- G 69
- B 95
RGB color chart
- C 43
- M 27
- Y 0
- K 5
CMYK color chart

● #8ab1f2 color description : Very soft blue.

The hexadecimal color #8ab1f2 has RGB values of R:138, G:177, B:242 and CMYK values of C:0.43, M:0.27, Y:0, K:0.05. Its decimal value is 9089522.

Hex triplet	8ab1f2	`#8ab1f2`
RGB Decimal	138, 177, 242	`rgb(138,177,242)`
RGB Percent	54.1, 69.4, 94.9	`rgb(54.1%,69.4%,94.9%)`
CMYK	43, 27, 0, 5
HSL	217.5°, 80, 74.5	`hsl(217.5,80%,74.5%)`
HSV (or HSB)	217.5°, 43, 94.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	71.729, 3.381, -36.527
XYZ	42.227, 43.257, 90.124
xyY	0.24, 0.246, 43.257
CIE-LCH	71.729, 36.683, 275.288
CIE-LUV	71.729, -20.663, -59.134
Hunter-Lab	65.77, -0.493, -35.206
Binary	10001010, 10110001, 11110010

#8ab1f2
```
#8ab1f2 rgb(138,177,242)
```
#f2cb8a
```
#f2cb8a rgb(242,203,138)
```

Complementary Color

#8ae5f2
```
#8ae5f2 rgb(138,229,242)
```
#8ab1f2
```
#8ab1f2 rgb(138,177,242)
```
#978af2
```
#978af2 rgb(151,138,242)
```

Analogous Color

#e5f28a
```
#e5f28a rgb(229,242,138)
```
#8ab1f2
```
#8ab1f2 rgb(138,177,242)
```
#f2978a
```
#f2978a rgb(242,151,138)
```

Split Complementary Color

#b1f28a
```
#b1f28a rgb(177,242,138)
```
#8ab1f2
```
#8ab1f2 rgb(138,177,242)
```
#f28ab1
```
#f28ab1 rgb(242,138,177)
```

Triadic Color

#8af2cb
```
#8af2cb rgb(138,242,203)
```
#8ab1f2
```
#8ab1f2 rgb(138,177,242)
```
#f28ab1
```
#f28ab1 rgb(242,138,177)
```
#f2cb8a
```
#f2cb8a rgb(242,203,138)
```

Tetradic Color

#4583ea
```
#4583ea rgb(69,131,234)
```
#5c92ed
```
#5c92ed rgb(92,146,237)
```
#73a2ef
```
#73a2ef rgb(115,162,239)
```
#8ab1f2
```
#8ab1f2 rgb(138,177,242)
```
#a1c0f5
```
#a1c0f5 rgb(161,192,245)
```
#b8d0f7
```
#b8d0f7 rgb(184,208,247)
```
#cfdffa
```
#cfdffa rgb(207,223,250)
```

Monochromatic Color

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

#8acbf2
```
#8acbf2 rgb(138,203,242)
```
#8ac2f2
```
#8ac2f2 rgb(138,194,242)
```
#8abaf2
```
#8abaf2 rgb(138,186,242)
```
#8ab1f2
```
#8ab1f2 rgb(138,177,242)
```
#8aa8f2
```
#8aa8f2 rgb(138,168,242)
```
#8aa0f2
```
#8aa0f2 rgb(138,160,242)
```
#8a97f2
```
#8a97f2 rgb(138,151,242)
```

Similar Colors

Text with hexadecimal color #8ab1f2

This text has a font color of #8ab1f2.

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

#8ab1f2 background color

This paragraph has a background color of #8ab1f2.

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

#8ab1f2 border color

This element has a border color of #8ab1f2.

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

CSS codes

.text {color:#8ab1f2;}

.background {background-color:#8ab1f2;}

.border {border:1px solid #8ab1f2;}

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

#010307
```
#010307 rgb(1,3,7)
```
#030b18
```
#030b18 rgb(3,11,24)
```
#05132a
```
#05132a rgb(5,19,42)
```
#071a3c
```
#071a3c rgb(7,26,60)
```
#09224d
```
#09224d rgb(9,34,77)
```
#0b2a5f
```
#0b2a5f rgb(11,42,95)
```
#0d3271
```
#0d3271 rgb(13,50,113)
```
#0e3a82
```
#0e3a82 rgb(14,58,130)
```
#104294
```
#104294 rgb(16,66,148)
```
#124aa5
```
#124aa5 rgb(18,74,165)
```
#1451b7
```
#1451b7 rgb(20,81,183)
```
#1659c9
```
#1659c9 rgb(22,89,201)
```
#1861da
```
#1861da rgb(24,97,218)
```

Shade Color Variation

#206ae6
```
#206ae6 rgb(32,106,230)
```
#3276e8
```
#3276e8 rgb(50,118,232)
```
#4382ea
```
#4382ea rgb(67,130,234)
```
#558eec
```
#558eec rgb(85,142,236)
```
#6799ee
```
#6799ee rgb(103,153,238)
```
#78a5f0
```
#78a5f0 rgb(120,165,240)
```
#8ab1f2
```
#8ab1f2 rgb(138,177,242)
```
#9cbdf4
```
#9cbdf4 rgb(156,189,244)
```
#adc9f6
```
#adc9f6 rgb(173,201,246)
```
#bfd4f8
```
#bfd4f8 rgb(191,212,248)
```
#d1e0fa
```
#d1e0fa rgb(209,224,250)
```
#e2ecfc
```
#e2ecfc rgb(226,236,252)
```
#f4f8fe
```
#f4f8fe rgb(244,248,254)
```

Tint Color Variation

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

#bcbec0
```
#bcbec0 rgb(188,190,192)
```
#b7bcc5
```
#b7bcc5 rgb(183,188,197)
```
#b2bbca
```
#b2bbca rgb(178,187,202)
```
#adbacf
```
#adbacf rgb(173,186,207)
```
#a8b9d4
```
#a8b9d4 rgb(168,185,212)
```
#a3b7d9
```
#a3b7d9 rgb(163,183,217)
```
#9eb6de
```
#9eb6de rgb(158,182,222)
```
#99b5e3
```
#99b5e3 rgb(153,181,227)
```
#94b4e8
```
#94b4e8 rgb(148,180,232)
```
#8fb2ed
```
#8fb2ed rgb(143,178,237)
```
#8ab1f2
```
#8ab1f2 rgb(138,177,242)
```
#85b0f7
```
#85b0f7 rgb(133,176,247)
```
#80affc
```
#80affc rgb(128,175,252)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a6aebb Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb1f0 Protanopia 1% of men
#9cb2f3 Deuteranopia 1% of men
#82bdca Tritanopia 0.001% of the population

Trichromacy

#97b1f0 Protanomaly 1% of men, 0.01% of women
#95b1f3 Deuteranomaly 6% of men, 0.4% of women
#85b8d9 Tritanomaly 0.01% of the population

#8ab1f2 hex color

#8ab1f2 Color Information

#8ab1f2 Color Conversion

Color Schemes with #8ab1f2

Alternatives to #8ab1f2

#8ab1f2 Preview

Shades and Tints of #8ab1f2

Tones of #8ab1f2

Color Blindness Simulator