#849ed4 hex color

In a RGB color space, hex #849ed4 is composed of 51.8% red, 62% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 37.7% cyan, 25.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 220.5 degrees, a saturation of 48.2% and a lightness of 67.5%. #849ed4 color hex could be obtained by blending #ffffff with #093da9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 52
- G 62
- B 83
RGB color chart
- C 38
- M 25
- Y 0
- K 17
CMYK color chart

● #849ed4 color description : Slightly desaturated blue.

The hexadecimal color #849ed4 has RGB values of R:132, G:158, B:212 and CMYK values of C:0.38, M:0.25, Y:0, K:0.17. Its decimal value is 8691412.

Hex triplet	849ed4	`#849ed4`
RGB Decimal	132, 158, 212	`rgb(132,158,212)`
RGB Percent	51.8, 62, 83.1	`rgb(51.8%,62%,83.1%)`
CMYK	38, 25, 0, 17
HSL	220.5°, 48.2, 67.5	`hsl(220.5,48.2%,67.5%)`
HSV (or HSB)	220.5°, 37.7, 83.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.051, 4.264, -30.45
XYZ	33.624, 34.112, 67.096
xyY	0.249, 0.253, 34.112
CIE-LCH	65.051, 30.747, 277.971
CIE-LUV	65.051, -14.963, -48.309
Hunter-Lab	58.405, 0.553, -27.229
Binary	10000100, 10011110, 11010100

#849ed4
```
#849ed4 rgb(132,158,212)
```
#d4ba84
```
#d4ba84 rgb(212,186,132)
```

Complementary Color

#84c6d4
```
#84c6d4 rgb(132,198,212)
```
#849ed4
```
#849ed4 rgb(132,158,212)
```
#9284d4
```
#9284d4 rgb(146,132,212)
```

Analogous Color

#c6d484
```
#c6d484 rgb(198,212,132)
```
#849ed4
```
#849ed4 rgb(132,158,212)
```
#d49284
```
#d49284 rgb(212,146,132)
```

Split Complementary Color

#9ed484
```
#9ed484 rgb(158,212,132)
```
#849ed4
```
#849ed4 rgb(132,158,212)
```
#d4849e
```
#d4849e rgb(212,132,158)
```

Triadic Color

#84d4ba
```
#84d4ba rgb(132,212,186)
```
#849ed4
```
#849ed4 rgb(132,158,212)
```
#d4849e
```
#d4849e rgb(212,132,158)
```
#d4ba84
```
#d4ba84 rgb(212,186,132)
```

Tetradic Color

#4b71c0
```
#4b71c0 rgb(75,113,192)
```
#5e80c7
```
#5e80c7 rgb(94,128,199)
```
#718fcd
```
#718fcd rgb(113,143,205)
```
#849ed4
```
#849ed4 rgb(132,158,212)
```
#97addb
```
#97addb rgb(151,173,219)
```
#aabce1
```
#aabce1 rgb(170,188,225)
```
#bdcbe8
```
#bdcbe8 rgb(189,203,232)
```

Monochromatic Color

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

#84b2d4
```
#84b2d4 rgb(132,178,212)
```
#84abd4
```
#84abd4 rgb(132,171,212)
```
#84a5d4
```
#84a5d4 rgb(132,165,212)
```
#849ed4
```
#849ed4 rgb(132,158,212)
```
#8497d4
```
#8497d4 rgb(132,151,212)
```
#8491d4
```
#8491d4 rgb(132,145,212)
```
#848ad4
```
#848ad4 rgb(132,138,212)
```

Similar Colors

Text with hexadecimal color #849ed4

This text has a font color of #849ed4.

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

#849ed4 background color

This paragraph has a background color of #849ed4.

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

#849ed4 border color

This element has a border color of #849ed4.

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

CSS codes

.text {color:#849ed4;}

.background {background-color:#849ed4;}

.border {border:1px solid #849ed4;}

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

#030408
```
#030408 rgb(3,4,8)
```
#080d16
```
#080d16 rgb(8,13,22)
```
#0d1525
```
#0d1525 rgb(13,21,37)
```
#121d33
```
#121d33 rgb(18,29,51)
```
#172542
```
#172542 rgb(23,37,66)
```
#1c2d50
```
#1c2d50 rgb(28,45,80)
```
#21355f
```
#21355f rgb(33,53,95)
```
#263d6e
```
#263d6e rgb(38,61,110)
```
#2b467c
```
#2b467c rgb(43,70,124)
```
#304e8b
```
#304e8b rgb(48,78,139)
```
#365699
```
#365699 rgb(54,86,153)
```
#3b5ea8
```
#3b5ea8 rgb(59,94,168)
```
#4066b6
```
#4066b6 rgb(64,102,182)
```

Shade Color Variation

#4a70c0
```
#4a70c0 rgb(74,112,192)
```
#587cc5
```
#587cc5 rgb(88,124,197)
```
#6787ca
```
#6787ca rgb(103,135,202)
```
#7593cf
```
#7593cf rgb(117,147,207)
```
#849ed4
```
#849ed4 rgb(132,158,212)
```
#93a9d9
```
#93a9d9 rgb(147,169,217)
```
#a1b5de
```
#a1b5de rgb(161,181,222)
```
#b0c0e3
```
#b0c0e3 rgb(176,192,227)
```
#becce8
```
#becce8 rgb(190,204,232)
```
#cdd7ed
```
#cdd7ed rgb(205,215,237)
```
#dbe3f2
```
#dbe3f2 rgb(219,227,242)
```
#eaeef8
```
#eaeef8 rgb(234,238,248)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

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

#aaabae
```
#aaabae rgb(170,171,174)
```
#a4a9b4
```
#a4a9b4 rgb(164,169,180)
```
#9ea7ba
```
#9ea7ba rgb(158,167,186)
```
#97a5c1
```
#97a5c1 rgb(151,165,193)
```
#91a2c7
```
#91a2c7 rgb(145,162,199)
```
#8aa0ce
```
#8aa0ce rgb(138,160,206)
```
#849ed4
```
#849ed4 rgb(132,158,212)
```
#7e9cda
```
#7e9cda rgb(126,156,218)
```
#779ae1
```
#779ae1 rgb(119,154,225)
```
#7197e7
```
#7197e7 rgb(113,151,231)
```
#6a95ee
```
#6a95ee rgb(106,149,238)
```
#6493f4
```
#6493f4 rgb(100,147,244)
```
#5e91fa
```
#5e91fa rgb(94,145,250)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#979ca7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a1d4 Protanopia 1% of men
#92a0d7 Deuteranopia 1% of men
#80a9b5 Tritanopia 0.001% of the population

Trichromacy

#8d9fd4 Protanomaly 1% of men, 0.01% of women
#8d9fd5 Deuteranomaly 6% of men, 0.4% of women
#81a5c0 Tritanomaly 0.01% of the population

#849ed4 hex color

#849ed4 Color Information

#849ed4 Color Conversion

Color Schemes with #849ed4

Alternatives to #849ed4

#849ed4 Preview

Shades and Tints of #849ed4

Tones of #849ed4

Color Blindness Simulator