#84e2fc hex color

In a RGB color space, hex #84e2fc is composed of 51.8% red, 88.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 47.6% cyan, 10.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 193 degrees, a saturation of 95.2% and a lightness of 75.3%. #84e2fc color hex could be obtained by blending #ffffff with #09c5f9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 52
- G 89
- B 99
RGB color chart
- C 48
- M 10
- Y 0
- K 1
CMYK color chart

● #84e2fc color description : Soft cyan.

The hexadecimal color #84e2fc has RGB values of R:132, G:226, B:252 and CMYK values of C:0.48, M:0.1, Y:0, K:0.01. Its decimal value is 8708860.

Hex triplet	84e2fc	`#84e2fc`
RGB Decimal	132, 226, 252	`rgb(132,226,252)`
RGB Percent	51.8, 88.6, 98.8	`rgb(51.8%,88.6%,98.8%)`
CMYK	48, 10, 0, 1
HSL	193°, 95.2, 75.3	`hsl(193,95.2%,75.3%)`
HSV (or HSB)	193°, 47.6, 98.8
Web Safe	99ccff	`#99ccff`

CIE-LAB	85.161, -21.213, -21.298
XYZ	54.278, 66.323, 102.032
xyY	0.244, 0.298, 66.323
CIE-LCH	85.161, 30.06, 225.115
CIE-LUV	85.161, -41.666, -30.871
Hunter-Lab	81.439, -23.55, -17.275
Binary	10000100, 11100010, 11111100

#84e2fc
```
#84e2fc rgb(132,226,252)
```
#fc9e84
```
#fc9e84 rgb(252,158,132)
```

Complementary Color

#84fcda
```
#84fcda rgb(132,252,218)
```
#84e2fc
```
#84e2fc rgb(132,226,252)
```
#84a6fc
```
#84a6fc rgb(132,166,252)
```

Analogous Color

#fcda84
```
#fcda84 rgb(252,218,132)
```
#84e2fc
```
#84e2fc rgb(132,226,252)
```
#fc84a6
```
#fc84a6 rgb(252,132,166)
```

Split Complementary Color

#e2fc84
```
#e2fc84 rgb(226,252,132)
```
#84e2fc
```
#84e2fc rgb(132,226,252)
```
#fc84e2
```
#fc84e2 rgb(252,132,226)
```

Triadic Color

#84fc9e
```
#84fc9e rgb(132,252,158)
```
#84e2fc
```
#84e2fc rgb(132,226,252)
```
#fc84e2
```
#fc84e2 rgb(252,132,226)
```
#fc9e84
```
#fc9e84 rgb(252,158,132)
```

Tetradic Color

#39d0fa
```
#39d0fa rgb(57,208,250)
```
#52d6fb
```
#52d6fb rgb(82,214,251)
```
#6bdcfb
```
#6bdcfb rgb(107,220,251)
```
#84e2fc
```
#84e2fc rgb(132,226,252)
```
#9de8fd
```
#9de8fd rgb(157,232,253)
```
#b6eefd
```
#b6eefd rgb(182,238,253)
```
#cff4fe
```
#cff4fe rgb(207,244,254)
```

Monochromatic Color

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

#84fcf8
```
#84fcf8 rgb(132,252,248)
```
#84f6fc
```
#84f6fc rgb(132,246,252)
```
#84ecfc
```
#84ecfc rgb(132,236,252)
```
#84e2fc
```
#84e2fc rgb(132,226,252)
```
#84d8fc
```
#84d8fc rgb(132,216,252)
```
#84cefc
```
#84cefc rgb(132,206,252)
```
#84c4fc
```
#84c4fc rgb(132,196,252)
```

Similar Colors

Text with hexadecimal color #84e2fc

This text has a font color of #84e2fc.

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

#84e2fc background color

This paragraph has a background color of #84e2fc.

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

#84e2fc border color

This element has a border color of #84e2fc.

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

CSS codes

.text {color:#84e2fc;}

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

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

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, #00090b is the darkest color, while #f7fdff is the lightest one.

#00090b
```
#00090b rgb(0,9,11)
```
#01181e
```
#01181e rgb(1,24,30)
```
#012731
```
#012731 rgb(1,39,49)
```
#023644
```
#023644 rgb(2,54,68)
```
#024558
```
#024558 rgb(2,69,88)
```
#03546b
```
#03546b rgb(3,84,107)
```
#03637e
```
#03637e rgb(3,99,126)
```
#047291
```
#047291 rgb(4,114,145)
```
#0482a4
```
#0482a4 rgb(4,130,164)
```
#0491b7
```
#0491b7 rgb(4,145,183)
```
#05a0cb
```
#05a0cb rgb(5,160,203)
```
#05afde
```
#05afde rgb(5,175,222)
```
#06bef1
```
#06bef1 rgb(6,190,241)
```

Shade Color Variation

#11c7f9
```
#11c7f9 rgb(17,199,249)
```
#24cbfa
```
#24cbfa rgb(36,203,250)
```
#37d0fa
```
#37d0fa rgb(55,208,250)
```
#4bd4fb
```
#4bd4fb rgb(75,212,251)
```
#5ed9fb
```
#5ed9fb rgb(94,217,251)
```
#71ddfc
```
#71ddfc rgb(113,221,252)
```
#84e2fc
```
#84e2fc rgb(132,226,252)
```
#97e7fc
```
#97e7fc rgb(151,231,252)
```
#aaebfd
```
#aaebfd rgb(170,235,253)
```
#bdf0fd
```
#bdf0fd rgb(189,240,253)
```
#d1f4fe
```
#d1f4fe rgb(209,244,254)
```
#e4f9fe
```
#e4f9fe rgb(228,249,254)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

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

#bec1c2
```
#bec1c2 rgb(190,193,194)
```
#b9c4c7
```
#b9c4c7 rgb(185,196,199)
```
#b4c7cc
```
#b4c7cc rgb(180,199,204)
```
#b0c9d0
```
#b0c9d0 rgb(176,201,208)
```
#abccd5
```
#abccd5 rgb(171,204,213)
```
#a6cfda
```
#a6cfda rgb(166,207,218)
```
#a1d2df
```
#a1d2df rgb(161,210,223)
```
#9cd4e4
```
#9cd4e4 rgb(156,212,228)
```
#97d7e9
```
#97d7e9 rgb(151,215,233)
```
#93daed
```
#93daed rgb(147,218,237)
```
#8eddf2
```
#8eddf2 rgb(142,221,242)
```
#89dff7
```
#89dff7 rgb(137,223,247)
```
#84e2fc
```
#84e2fc rgb(132,226,252)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#bbced3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1d5f3 Protanopia 1% of men
#d4d3ff Deuteranopia 1% of men
#87e4f5 Tritanopia 0.001% of the population

Trichromacy

#b5d9f6 Protanomaly 1% of men, 0.01% of women
#b6d8fd Deuteranomaly 6% of men, 0.4% of women
#86e3f7 Tritanomaly 0.01% of the population

#84e2fc hex color

#84e2fc Color Information

#84e2fc Color Conversion

Color Schemes with #84e2fc

Alternatives to #84e2fc

#84e2fc Preview

Shades and Tints of #84e2fc

Tones of #84e2fc

Color Blindness Simulator