#8894f2 hex color

In a RGB color space, hex #8894f2 is composed of 53.3% red, 58% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 43.8% cyan, 38.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 233.2 degrees, a saturation of 80.3% and a lightness of 74.1%. #8894f2 color hex could be obtained by blending #ffffff with #1129e5. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 53
- G 58
- B 95
RGB color chart
- C 44
- M 39
- Y 0
- K 5
CMYK color chart

● #8894f2 color description : Very soft blue.

The hexadecimal color #8894f2 has RGB values of R:136, G:148, B:242 and CMYK values of C:0.44, M:0.39, Y:0, K:0.05. Its decimal value is 8951026.

Hex triplet	8894f2	`#8894f2`
RGB Decimal	136, 148, 242	`rgb(136,148,242)`
RGB Percent	53.3, 58, 94.9	`rgb(53.3%,58%,94.9%)`
CMYK	44, 39, 0, 5
HSL	233.2°, 80.3, 74.1	`hsl(233.2,80.3%,74.1%)`
HSV (or HSB)	233.2°, 43.8, 94.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	64.018, 19.41, -48.615
XYZ	36.767, 32.824, 88.398
xyY	0.233, 0.208, 32.824
CIE-LCH	64.018, 52.346, 291.765
CIE-LUV	64.018, -10.56, -80.25
Hunter-Lab	57.292, 14.291, -51.376
Binary	10001000, 10010100, 11110010

#8894f2
```
#8894f2 rgb(136,148,242)
```
#f2e688
```
#f2e688 rgb(242,230,136)
```

Complementary Color

#88c9f2
```
#88c9f2 rgb(136,201,242)
```
#8894f2
```
#8894f2 rgb(136,148,242)
```
#b188f2
```
#b188f2 rgb(177,136,242)
```

Analogous Color

#c9f288
```
#c9f288 rgb(201,242,136)
```
#8894f2
```
#8894f2 rgb(136,148,242)
```
#f2b188
```
#f2b188 rgb(242,177,136)
```

Split Complementary Color

#94f288
```
#94f288 rgb(148,242,136)
```
#8894f2
```
#8894f2 rgb(136,148,242)
```
#f28894
```
#f28894 rgb(242,136,148)
```

Triadic Color

#88f2e6
```
#88f2e6 rgb(136,242,230)
```
#8894f2
```
#8894f2 rgb(136,148,242)
```
#f28894
```
#f28894 rgb(242,136,148)
```
#f2e688
```
#f2e688 rgb(242,230,136)
```

Tetradic Color

#4356ea
```
#4356ea rgb(67,86,234)
```
#5a6bed
```
#5a6bed rgb(90,107,237)
```
#717fef
```
#717fef rgb(113,127,239)
```
#8894f2
```
#8894f2 rgb(136,148,242)
```
#9fa9f5
```
#9fa9f5 rgb(159,169,245)
```
#b6bdf7
```
#b6bdf7 rgb(182,189,247)
```
#cdd2fa
```
#cdd2fa rgb(205,210,250)
```

Monochromatic Color

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

#88aff2
```
#88aff2 rgb(136,175,242)
```
#88a6f2
```
#88a6f2 rgb(136,166,242)
```
#889df2
```
#889df2 rgb(136,157,242)
```
#8894f2
```
#8894f2 rgb(136,148,242)
```
#888bf2
```
#888bf2 rgb(136,139,242)
```
#8e88f2
```
#8e88f2 rgb(142,136,242)
```
#9788f2
```
#9788f2 rgb(151,136,242)
```

Similar Colors

Text with hexadecimal color #8894f2

This text has a font color of #8894f2.

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

#8894f2 background color

This paragraph has a background color of #8894f2.

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

#8894f2 border color

This element has a border color of #8894f2.

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

CSS codes

.text {color:#8894f2;}

.background {background-color:#8894f2;}

.border {border:1px solid #8894f2;}

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

#010105
```
#010105 rgb(1,1,5)
```
#020516
```
#020516 rgb(2,5,22)
```
#040828
```
#040828 rgb(4,8,40)
```
#060c3a
```
#060c3a rgb(6,12,58)
```
#08104c
```
#08104c rgb(8,16,76)
```
#0a145d
```
#0a145d rgb(10,20,93)
```
#0c176f
```
#0c176f rgb(12,23,111)
```
#0e1b81
```
#0e1b81 rgb(14,27,129)
```
#101f92
```
#101f92 rgb(16,31,146)
```
#1222a4
```
#1222a4 rgb(18,34,164)
```
#1426b6
```
#1426b6 rgb(20,38,182)
```
#162ac7
```
#162ac7 rgb(22,42,199)
```
#182ed9
```
#182ed9 rgb(24,46,217)
```

Shade Color Variation

#1e35e6
```
#1e35e6 rgb(30,53,230)
```
#3044e8
```
#3044e8 rgb(48,68,232)
```
#4154ea
```
#4154ea rgb(65,84,234)
```
#5364ec
```
#5364ec rgb(83,100,236)
```
#6574ee
```
#6574ee rgb(101,116,238)
```
#7684f0
```
#7684f0 rgb(118,132,240)
```
#8894f2
```
#8894f2 rgb(136,148,242)
```
#9aa4f4
```
#9aa4f4 rgb(154,164,244)
```
#abb4f6
```
#abb4f6 rgb(171,180,246)
```
#bdc4f8
```
#bdc4f8 rgb(189,196,248)
```
#cfd4fa
```
#cfd4fa rgb(207,212,250)
```
#e0e4fc
```
#e0e4fc rgb(224,228,252)
```
#f2f3fe
```
#f2f3fe rgb(242,243,254)
```

Tint Color Variation

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

#bbbbbf
```
#bbbbbf rgb(187,187,191)
```
#b6b7c4
```
#b6b7c4 rgb(182,183,196)
```
#b1b3c9
```
#b1b3c9 rgb(177,179,201)
```
#acafce
```
#acafce rgb(172,175,206)
```
#a6acd4
```
#a6acd4 rgb(166,172,212)
```
#a1a8d9
```
#a1a8d9 rgb(161,168,217)
```
#9ca4de
```
#9ca4de rgb(156,164,222)
```
#97a0e3
```
#97a0e3 rgb(151,160,227)
```
#929ce8
```
#929ce8 rgb(146,156,232)
```
#8d98ed
```
#8d98ed rgb(141,152,237)
```
#8894f2
```
#8894f2 rgb(136,148,242)
```
#8390f7
```
#8390f7 rgb(131,144,247)
```
#7e8cfc
```
#7e8cfc rgb(126,140,252)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#979aac Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b9df5 Protanopia 1% of men
#72a0f0 Deuteranopia 1% of men
#78a7b3 Tritanopia 0.001% of the population

Trichromacy

#809af4 Protanomaly 1% of men, 0.01% of women
#7a9bf0 Deuteranomaly 6% of men, 0.4% of women
#7ea0ca Tritanomaly 0.01% of the population

#8894f2 hex color

#8894f2 Color Information

#8894f2 Color Conversion

Color Schemes with #8894f2

Alternatives to #8894f2

#8894f2 Preview

Shades and Tints of #8894f2

Tones of #8894f2

Color Blindness Simulator