#84a7ec hex color

In a RGB color space, hex #84a7ec is composed of 51.8% red, 65.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 29.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 219.8 degrees, a saturation of 73.2% and a lightness of 72.2%. #84a7ec color hex could be obtained by blending #ffffff with #094fd9. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 52
- G 65
- B 93
RGB color chart
- C 44
- M 29
- Y 0
- K 7
CMYK color chart

● #84a7ec color description : Very soft blue.

The hexadecimal color #84a7ec has RGB values of R:132, G:167, B:236 and CMYK values of C:0.44, M:0.29, Y:0, K:0.07. Its decimal value is 8693740.

Hex triplet	84a7ec	`#84a7ec`
RGB Decimal	132, 167, 236	`rgb(132,167,236)`
RGB Percent	51.8, 65.5, 92.5	`rgb(51.8%,65.5%,92.5%)`
CMYK	44, 29, 0, 7
HSL	219.8°, 73.2, 72.2	`hsl(219.8,73.2%,72.2%)`
HSV (or HSB)	219.8°, 44.1, 92.5
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.459, 5.813, -38.374
XYZ	38.471, 38.598, 84.775
xyY	0.238, 0.238, 38.598
CIE-LCH	68.459, 38.812, 278.614
CIE-LUV	68.459, -18.971, -62.171
Hunter-Lab	62.127, 1.812, -37.415
Binary	10000100, 10100111, 11101100

#84a7ec
```
#84a7ec rgb(132,167,236)
```
#ecc984
```
#ecc984 rgb(236,201,132)
```

Complementary Color

#84dbec
```
#84dbec rgb(132,219,236)
```
#84a7ec
```
#84a7ec rgb(132,167,236)
```
#9584ec
```
#9584ec rgb(149,132,236)
```

Analogous Color

#dbec84
```
#dbec84 rgb(219,236,132)
```
#84a7ec
```
#84a7ec rgb(132,167,236)
```
#ec9584
```
#ec9584 rgb(236,149,132)
```

Split Complementary Color

#a7ec84
```
#a7ec84 rgb(167,236,132)
```
#84a7ec
```
#84a7ec rgb(132,167,236)
```
#ec84a7
```
#ec84a7 rgb(236,132,167)
```

Triadic Color

#84ecc9
```
#84ecc9 rgb(132,236,201)
```
#84a7ec
```
#84a7ec rgb(132,167,236)
```
#ec84a7
```
#ec84a7 rgb(236,132,167)
```
#ecc984
```
#ecc984 rgb(236,201,132)
```

Tetradic Color

#4278e2
```
#4278e2 rgb(66,120,226)
```
#5887e5
```
#5887e5 rgb(88,135,229)
```
#6e97e9
```
#6e97e9 rgb(110,151,233)
```
#84a7ec
```
#84a7ec rgb(132,167,236)
```
#9ab7ef
```
#9ab7ef rgb(154,183,239)
```
#b0c7f3
```
#b0c7f3 rgb(176,199,243)
```
#c6d6f6
```
#c6d6f6 rgb(198,214,246)
```

Monochromatic Color

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

#84c1ec
```
#84c1ec rgb(132,193,236)
```
#84b8ec
```
#84b8ec rgb(132,184,236)
```
#84b0ec
```
#84b0ec rgb(132,176,236)
```
#84a7ec
```
#84a7ec rgb(132,167,236)
```
#849eec
```
#849eec rgb(132,158,236)
```
#8496ec
```
#8496ec rgb(132,150,236)
```
#848dec
```
#848dec rgb(132,141,236)
```

Similar Colors

Text with hexadecimal color #84a7ec

This text has a font color of #84a7ec.

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

#84a7ec background color

This paragraph has a background color of #84a7ec.

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

#84a7ec border color

This element has a border color of #84a7ec.

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

CSS codes

.text {color:#84a7ec;}

.background {background-color:#84a7ec;}

.border {border:1px solid #84a7ec;}

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

#02060d
```
#02060d rgb(2,6,13)
```
#050d1e
```
#050d1e rgb(5,13,30)
```
#07152f
```
#07152f rgb(7,21,47)
```
#0a1c40
```
#0a1c40 rgb(10,28,64)
```
#0c2451
```
#0c2451 rgb(12,36,81)
```
#0f2b62
```
#0f2b62 rgb(15,43,98)
```
#123273
```
#123273 rgb(18,50,115)
```
#143a84
```
#143a84 rgb(20,58,132)
```
#174195
```
#174195 rgb(23,65,149)
```
#1a49a6
```
#1a49a6 rgb(26,73,166)
```
#1c50b7
```
#1c50b7 rgb(28,80,183)
```
#1f58c8
```
#1f58c8 rgb(31,88,200)
```
#215fd9
```
#215fd9 rgb(33,95,217)
```

Shade Color Variation

#2f6adf
```
#2f6adf rgb(47,106,223)
```
#4076e2
```
#4076e2 rgb(64,118,226)
```
#5183e4
```
#5183e4 rgb(81,131,228)
```
#628fe7
```
#628fe7 rgb(98,143,231)
```
#739be9
```
#739be9 rgb(115,155,233)
```
#84a7ec
```
#84a7ec rgb(132,167,236)
```
#95b3ef
```
#95b3ef rgb(149,179,239)
```
#a6bff1
```
#a6bff1 rgb(166,191,241)
```
#b7cbf4
```
#b7cbf4 rgb(183,203,244)
```
#c8d8f6
```
#c8d8f6 rgb(200,216,246)
```
#d9e4f9
```
#d9e4f9 rgb(217,228,249)
```
#eaf0fc
```
#eaf0fc rgb(234,240,252)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#b5b7bb
```
#b5b7bb rgb(181,183,187)
```
#b0b5c0
```
#b0b5c0 rgb(176,181,192)
```
#aab3c6
```
#aab3c6 rgb(170,179,198)
```
#a5b2cb
```
#a5b2cb rgb(165,178,203)
```
#9fb0d1
```
#9fb0d1 rgb(159,176,209)
```
#9aaed6
```
#9aaed6 rgb(154,174,214)
```
#94acdc
```
#94acdc rgb(148,172,220)
```
#8fabe1
```
#8fabe1 rgb(143,171,225)
```
#89a9e7
```
#89a9e7 rgb(137,169,231)
```
#84a7ec
```
#84a7ec rgb(132,167,236)
```
#7fa5f1
```
#7fa5f1 rgb(127,165,241)
```
#79a3f7
```
#79a3f7 rgb(121,163,247)
```
#74a2fc
```
#74a2fc rgb(116,162,252)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9ea5b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a9eb Protanopia 1% of men
#90aaed Deuteranopia 1% of men
#7bb4c1 Tritanopia 0.001% of the population

Trichromacy

#8fa8eb Protanomaly 1% of men, 0.01% of women
#8ba8ec Deuteranomaly 6% of men, 0.4% of women
#7eafd0 Tritanomaly 0.01% of the population

#84a7ec hex color

#84a7ec Color Information

#84a7ec Color Conversion

Color Schemes with #84a7ec

Alternatives to #84a7ec

#84a7ec Preview

Shades and Tints of #84a7ec

Tones of #84a7ec

Color Blindness Simulator