#84afff hex color

In a RGB color space, hex #84afff is composed of 51.8% red, 68.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 31.4% magenta, 0% yellow and 0% black. It has a hue angle of 219 degrees, a saturation of 100% and a lightness of 75.9%. #84afff color hex could be obtained by blending #ffffff with #095fff. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 52
- G 69
- B 100
RGB color chart
- C 48
- M 31
- Y 0
- K 0
CMYK color chart

● #84afff color description : Very light blue.

The hexadecimal color #84afff has RGB values of R:132, G:175, B:255 and CMYK values of C:0.48, M:0.31, Y:0, K:0. Its decimal value is 8695807.

Hex triplet	84afff	`#84afff`
RGB Decimal	132, 175, 255	`rgb(132,175,255)`
RGB Percent	51.8, 68.6, 100	`rgb(51.8%,68.6%,100%)`
CMYK	48, 31, 0, 0
HSL	219°, 100, 75.9	`hsl(219,100%,75.9%)`
HSV (or HSB)	219°, 48.2, 100
Web Safe	9999ff	`#9999ff`

CIE-LAB	71.408, 6.757, -44.091
XYZ	42.892, 42.784, 100.6
xyY	0.23, 0.23, 42.784
CIE-LCH	71.408, 44.606, 278.712
CIE-LUV	71.408, -22.201, -72.401
Hunter-Lab	65.409, 2.585, -45.402
Binary	10000100, 10101111, 11111111

#84afff
```
#84afff rgb(132,175,255)
```
#ffd484
```
#ffd484 rgb(255,212,132)
```

Complementary Color

#84edff
```
#84edff rgb(132,237,255)
```
#84afff
```
#84afff rgb(132,175,255)
```
#9784ff
```
#9784ff rgb(151,132,255)
```

Analogous Color

#edff84
```
#edff84 rgb(237,255,132)
```
#84afff
```
#84afff rgb(132,175,255)
```
#ff9784
```
#ff9784 rgb(255,151,132)
```

Split Complementary Color

#afff84
```
#afff84 rgb(175,255,132)
```
#84afff
```
#84afff rgb(132,175,255)
```
#ff84af
```
#ff84af rgb(255,132,175)
```

Triadic Color

#84ffd4
```
#84ffd4 rgb(132,255,212)
```
#84afff
```
#84afff rgb(132,175,255)
```
#ff84af
```
#ff84af rgb(255,132,175)
```
#ffd484
```
#ffd484 rgb(255,212,132)
```

Tetradic Color

#387dff
```
#387dff rgb(56,125,255)
```
#518eff
```
#518eff rgb(81,142,255)
```
#6b9eff
```
#6b9eff rgb(107,158,255)
```
#84afff
```
#84afff rgb(132,175,255)
```
#9ec0ff
```
#9ec0ff rgb(158,192,255)
```
#b7d0ff
```
#b7d0ff rgb(183,208,255)
```
#d1e1ff
```
#d1e1ff rgb(209,225,255)
```

Monochromatic Color

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

#84ceff
```
#84ceff rgb(132,206,255)
```
#84c4ff
```
#84c4ff rgb(132,196,255)
```
#84b9ff
```
#84b9ff rgb(132,185,255)
```
#84afff
```
#84afff rgb(132,175,255)
```
#84a5ff
```
#84a5ff rgb(132,165,255)
```
#849bff
```
#849bff rgb(132,155,255)
```
#8490ff
```
#8490ff rgb(132,144,255)
```

Similar Colors

Text with hexadecimal color #84afff

This text has a font color of #84afff.

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

#84afff background color

This paragraph has a background color of #84afff.

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

#84afff border color

This element has a border color of #84afff.

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

CSS codes

.text {color:#84afff;}

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

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

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, #00050e is the darkest color, while #fafcff is the lightest one.

#00050e
```
#00050e rgb(0,5,14)
```
#000c22
```
#000c22 rgb(0,12,34)
```
#001336
```
#001336 rgb(0,19,54)
```
#001a49
```
#001a49 rgb(0,26,73)
```
#00205d
```
#00205d rgb(0,32,93)
```
#002770
```
#002770 rgb(0,39,112)
```
#002e84
```
#002e84 rgb(0,46,132)
```
#003598
```
#003598 rgb(0,53,152)
```
#003cab
```
#003cab rgb(0,60,171)
```
#0043bf
```
#0043bf rgb(0,67,191)
```
#004ad2
```
#004ad2 rgb(0,74,210)
```
#0050e6
```
#0050e6 rgb(0,80,230)
```
#0057fa
```
#0057fa rgb(0,87,250)
```

Shade Color Variation

#0e62ff
```
#0e62ff rgb(14,98,255)
```
#226fff
```
#226fff rgb(34,111,255)
```
#367cff
```
#367cff rgb(54,124,255)
```
#4989ff
```
#4989ff rgb(73,137,255)
```
#5d95ff
```
#5d95ff rgb(93,149,255)
```
#70a2ff
```
#70a2ff rgb(112,162,255)
```
#84afff
```
#84afff rgb(132,175,255)
```
#98bcff
```
#98bcff rgb(152,188,255)
```
#abc9ff
```
#abc9ff rgb(171,201,255)
```
#bfd5ff
```
#bfd5ff rgb(191,213,255)
```
#d2e2ff
```
#d2e2ff rgb(210,226,255)
```
#e6efff
```
#e6efff rgb(230,239,255)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

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

#bdc0c6
```
#bdc0c6 rgb(189,192,198)
```
#b8bfcb
```
#b8bfcb rgb(184,191,203)
```
#b3bdd0
```
#b3bdd0 rgb(179,189,208)
```
#afbcd4
```
#afbcd4 rgb(175,188,212)
```
#aabad9
```
#aabad9 rgb(170,186,217)
```
#a5b9de
```
#a5b9de rgb(165,185,222)
```
#a0b8e3
```
#a0b8e3 rgb(160,184,227)
```
#9cb6e7
```
#9cb6e7 rgb(156,182,231)
```
#97b5ec
```
#97b5ec rgb(151,181,236)
```
#92b3f1
```
#92b3f1 rgb(146,179,241)
```
#8db2f6
```
#8db2f6 rgb(141,178,246)
```
#89b0fa
```
#89b0fa rgb(137,176,250)
```
#84afff
```
#84afff rgb(132,175,255)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a3acbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#97b0fd Protanopia 1% of men
#8fb2ff Deuteranopia 1% of men
#76bdcb Tritanopia 0.001% of the population

Trichromacy

#90affd Protanomaly 1% of men, 0.01% of women
#8bb0ff Deuteranomaly 6% of men, 0.4% of women
#7bb8de Tritanomaly 0.01% of the population

#84afff hex color

#84afff Color Information

#84afff Color Conversion

Color Schemes with #84afff

Alternatives to #84afff

#84afff Preview

Shades and Tints of #84afff

Tones of #84afff

Color Blindness Simulator