#84afef hex color

In a RGB color space, hex #84afef is composed of 51.8% red, 68.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 26.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 215.9 degrees, a saturation of 77% and a lightness of 72.7%. #84afef color hex could be obtained by blending #ffffff with #095fdf. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 52
- G 69
- B 94
RGB color chart
- C 45
- M 27
- Y 0
- K 6
CMYK color chart

● #84afef color description : Very soft blue.

The hexadecimal color #84afef has RGB values of R:132, G:175, B:239 and CMYK values of C:0.45, M:0.27, Y:0, K:0.06. Its decimal value is 8695791.

Hex triplet	84afef	`#84afef`
RGB Decimal	132, 175, 239	`rgb(132,175,239)`
RGB Percent	51.8, 68.6, 93.7	`rgb(51.8%,68.6%,93.7%)`
CMYK	45, 27, 0, 6
HSL	215.9°, 77, 72.7	`hsl(215.9,77%,72.7%)`
HSV (or HSB)	215.9°, 44.8, 93.7
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.73, 2.173, -36.475
XYZ	40.422, 41.796, 87.594
xyY	0.238, 0.246, 41.796
CIE-LCH	70.73, 36.54, 273.409
CIE-LUV	70.73, -22.074, -58.776
Hunter-Lab	64.65, -1.53, -35.078
Binary	10000100, 10101111, 11101111

#84afef
```
#84afef rgb(132,175,239)
```
#efc484
```
#efc484 rgb(239,196,132)
```

Complementary Color

#84e5ef
```
#84e5ef rgb(132,229,239)
```
#84afef
```
#84afef rgb(132,175,239)
```
#8f84ef
```
#8f84ef rgb(143,132,239)
```

Analogous Color

#e5ef84
```
#e5ef84 rgb(229,239,132)
```
#84afef
```
#84afef rgb(132,175,239)
```
#ef8f84
```
#ef8f84 rgb(239,143,132)
```

Split Complementary Color

#afef84
```
#afef84 rgb(175,239,132)
```
#84afef
```
#84afef rgb(132,175,239)
```
#ef84af
```
#ef84af rgb(239,132,175)
```

Triadic Color

#84efc4
```
#84efc4 rgb(132,239,196)
```
#84afef
```
#84afef rgb(132,175,239)
```
#ef84af
```
#ef84af rgb(239,132,175)
```
#efc484
```
#efc484 rgb(239,196,132)
```

Tetradic Color

#4083e6
```
#4083e6 rgb(64,131,230)
```
#5792e9
```
#5792e9 rgb(87,146,233)
```
#6da0ec
```
#6da0ec rgb(109,160,236)
```
#84afef
```
#84afef rgb(132,175,239)
```
#9bbef2
```
#9bbef2 rgb(155,190,242)
```
#b1ccf5
```
#b1ccf5 rgb(177,204,245)
```
#c8dbf8
```
#c8dbf8 rgb(200,219,248)
```

Monochromatic Color

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

#84caef
```
#84caef rgb(132,202,239)
```
#84c1ef
```
#84c1ef rgb(132,193,239)
```
#84b8ef
```
#84b8ef rgb(132,184,239)
```
#84afef
```
#84afef rgb(132,175,239)
```
#84a6ef
```
#84a6ef rgb(132,166,239)
```
#849def
```
#849def rgb(132,157,239)
```
#8494ef
```
#8494ef rgb(132,148,239)
```

Similar Colors

Text with hexadecimal color #84afef

This text has a font color of #84afef.

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

#84afef background color

This paragraph has a background color of #84afef.

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

#84afef border color

This element has a border color of #84afef.

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

CSS codes

.text {color:#84afef;}

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

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

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

#020810
```
#020810 rgb(2,8,16)
```
#041021
```
#041021 rgb(4,16,33)
```
#071833
```
#071833 rgb(7,24,51)
```
#092144
```
#092144 rgb(9,33,68)
```
#0b2955
```
#0b2955 rgb(11,41,85)
```
#0d3167
```
#0d3167 rgb(13,49,103)
```
#103a78
```
#103a78 rgb(16,58,120)
```
#124289
```
#124289 rgb(18,66,137)
```
#144a9b
```
#144a9b rgb(20,74,155)
```
#1653ac
```
#1653ac rgb(22,83,172)
```
#195bbd
```
#195bbd rgb(25,91,189)
```
#1b63cf
```
#1b63cf rgb(27,99,207)
```
#1d6ce0
```
#1d6ce0 rgb(29,108,224)
```

Shade Color Variation

#2d77e4
```
#2d77e4 rgb(45,119,228)
```
#3f82e6
```
#3f82e6 rgb(63,130,230)
```
#508de8
```
#508de8 rgb(80,141,232)
```
#6198ea
```
#6198ea rgb(97,152,234)
```
#73a4ed
```
#73a4ed rgb(115,164,237)
```
#84afef
```
#84afef rgb(132,175,239)
```
#95baf1
```
#95baf1 rgb(149,186,241)
```
#a7c6f4
```
#a7c6f4 rgb(167,198,244)
```
#b8d1f6
```
#b8d1f6 rgb(184,209,246)
```
#c9dcf8
```
#c9dcf8 rgb(201,220,248)
```
#dbe7fa
```
#dbe7fa rgb(219,231,250)
```
#ecf3fd
```
#ecf3fd rgb(236,243,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#b9b9ba
```
#b9b9ba rgb(185,185,186)
```
#b4b8bf
```
#b4b8bf rgb(180,184,191)
```
#afb7c4
```
#afb7c4 rgb(175,183,196)
```
#a9b6ca
```
#a9b6ca rgb(169,182,202)
```
#a4b5cf
```
#a4b5cf rgb(164,181,207)
```
#9fb4d4
```
#9fb4d4 rgb(159,180,212)
```
#99b3da
```
#99b3da rgb(153,179,218)
```
#94b2df
```
#94b2df rgb(148,178,223)
```
#8fb1e4
```
#8fb1e4 rgb(143,177,228)
```
#89b0ea
```
#89b0ea rgb(137,176,234)
```
#84afef
```
#84afef rgb(132,175,239)
```
#7faef4
```
#7faef4 rgb(127,174,244)
```
#79adfa
```
#79adfa rgb(121,173,250)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#a2aab7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9dafed Protanopia 1% of men
#99aff1 Deuteranopia 1% of men
#7cbac8 Tritanopia 0.001% of the population

Trichromacy

#94afed Protanomaly 1% of men, 0.01% of women
#91aff0 Deuteranomaly 6% of men, 0.4% of women
#7fb6d6 Tritanomaly 0.01% of the population

#84afef hex color

#84afef Color Information

#84afef Color Conversion

Color Schemes with #84afef

Alternatives to #84afef

#84afef Preview

Shades and Tints of #84afef

Tones of #84afef

Color Blindness Simulator