#84d2f6 hex color

In a RGB color space, hex #84d2f6 is composed of 51.8% red, 82.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 14.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 198.9 degrees, a saturation of 86.4% and a lightness of 74.1%. #84d2f6 color hex could be obtained by blending #ffffff with #09a5ed. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 52
- G 82
- B 96
RGB color chart
- C 46
- M 15
- Y 0
- K 4
CMYK color chart

● #84d2f6 color description : Soft blue.

The hexadecimal color #84d2f6 has RGB values of R:132, G:210, B:246 and CMYK values of C:0.46, M:0.15, Y:0, K:0.04. Its decimal value is 8704758.

Hex triplet	84d2f6	`#84d2f6`
RGB Decimal	132, 210, 246	`rgb(132,210,246)`
RGB Percent	51.8, 82.4, 96.5	`rgb(51.8%,82.4%,96.5%)`
CMYK	46, 15, 0, 4
HSL	198.9°, 86.4, 74.1	`hsl(198.9,86.4%,74.1%)`
HSV (or HSB)	198.9°, 46.3, 96.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	80.544, -14.693, -25.137
XYZ	49.193, 57.65, 95.719
xyY	0.243, 0.285, 57.65
CIE-LCH	80.544, 29.116, 239.692
CIE-LUV	80.544, -35.615, -38.069
Hunter-Lab	75.927, -17.224, -21.596
Binary	10000100, 11010010, 11110110

#84d2f6
```
#84d2f6 rgb(132,210,246)
```
#f6a884
```
#f6a884 rgb(246,168,132)
```

Complementary Color

#84f6e1
```
#84f6e1 rgb(132,246,225)
```
#84d2f6
```
#84d2f6 rgb(132,210,246)
```
#8499f6
```
#8499f6 rgb(132,153,246)
```

Analogous Color

#f6e184
```
#f6e184 rgb(246,225,132)
```
#84d2f6
```
#84d2f6 rgb(132,210,246)
```
#f68499
```
#f68499 rgb(246,132,153)
```

Split Complementary Color

#d2f684
```
#d2f684 rgb(210,246,132)
```
#84d2f6
```
#84d2f6 rgb(132,210,246)
```
#f684d2
```
#f684d2 rgb(246,132,210)
```

Triadic Color

#84f6a8
```
#84f6a8 rgb(132,246,168)
```
#84d2f6
```
#84d2f6 rgb(132,210,246)
```
#f684d2
```
#f684d2 rgb(246,132,210)
```
#f6a884
```
#f6a884 rgb(246,168,132)
```

Tetradic Color

#3db8f1
```
#3db8f1 rgb(61,184,241)
```
#54c1f3
```
#54c1f3 rgb(84,193,243)
```
#6cc9f4
```
#6cc9f4 rgb(108,201,244)
```
#84d2f6
```
#84d2f6 rgb(132,210,246)
```
#9cdbf8
```
#9cdbf8 rgb(156,219,248)
```
#b4e3f9
```
#b4e3f9 rgb(180,227,249)
```
#cbecfb
```
#cbecfb rgb(203,236,251)
```

Monochromatic Color

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

#84eff6
```
#84eff6 rgb(132,239,246)
```
#84e5f6
```
#84e5f6 rgb(132,229,246)
```
#84dcf6
```
#84dcf6 rgb(132,220,246)
```
#84d2f6
```
#84d2f6 rgb(132,210,246)
```
#84c9f6
```
#84c9f6 rgb(132,201,246)
```
#84bff6
```
#84bff6 rgb(132,191,246)
```
#84b6f6
```
#84b6f6 rgb(132,182,246)
```

Similar Colors

Text with hexadecimal color #84d2f6

This text has a font color of #84d2f6.

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

#84d2f6 background color

This paragraph has a background color of #84d2f6.

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

#84d2f6 border color

This element has a border color of #84d2f6.

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

CSS codes

.text {color:#84d2f6;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#021017
```
#021017 rgb(2,16,23)
```
#031d2a
```
#031d2a rgb(3,29,42)
```
#042a3c
```
#042a3c rgb(4,42,60)
```
#06374e
```
#06374e rgb(6,55,78)
```
#074460
```
#074460 rgb(7,68,96)
```
#085173
```
#085173 rgb(8,81,115)
```
#0a5e85
```
#0a5e85 rgb(10,94,133)
```
#0b6b97
```
#0b6b97 rgb(11,107,151)
```
#0c78a9
```
#0c78a9 rgb(12,120,169)
```
#0e85bc
```
#0e85bc rgb(14,133,188)
```
#0f92ce
```
#0f92ce rgb(15,146,206)
```
#109fe0
```
#109fe0 rgb(16,159,224)
```

Shade Color Variation

#16aaee
```
#16aaee rgb(22,170,238)
```
#29b1ef
```
#29b1ef rgb(41,177,239)
```
#3bb7f1
```
#3bb7f1 rgb(59,183,241)
```
#4dbef2
```
#4dbef2 rgb(77,190,242)
```
#5fc5f3
```
#5fc5f3 rgb(95,197,243)
```
#72cbf5
```
#72cbf5 rgb(114,203,245)
```
#84d2f6
```
#84d2f6 rgb(132,210,246)
```
#96d9f7
```
#96d9f7 rgb(150,217,247)
```
#a9dff9
```
#a9dff9 rgb(169,223,249)
```
#bbe6fa
```
#bbe6fa rgb(187,230,250)
```
#cdedfb
```
#cdedfb rgb(205,237,251)
```
#dff3fd
```
#dff3fd rgb(223,243,253)
```
#f2fafe
```
#f2fafe rgb(242,250,254)
```

Tint Color Variation

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

#bcbdbe
```
#bcbdbe rgb(188,189,190)
```
#b7bfc3
```
#b7bfc3 rgb(183,191,195)
```
#b2c1c8
```
#b2c1c8 rgb(178,193,200)
```
#adc3cd
```
#adc3cd rgb(173,195,205)
```
#a8c5d2
```
#a8c5d2 rgb(168,197,210)
```
#a2c7d8
```
#a2c7d8 rgb(162,199,216)
```
#9dc9dd
```
#9dc9dd rgb(157,201,221)
```
#98cbe2
```
#98cbe2 rgb(152,203,226)
```
#93cce7
```
#93cce7 rgb(147,204,231)
```
#8eceec
```
#8eceec rgb(142,206,236)
```
#89d0f1
```
#89d0f1 rgb(137,208,241)
```
#84d2f6
```
#84d2f6 rgb(132,210,246)
```
#7fd4fb
```
#7fd4fb rgb(127,212,251)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#b3c3ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c9ef Protanopia 1% of men
#c2c7fb Deuteranopia 1% of men
#84d7e6 Tritanopia 0.001% of the population

Trichromacy

#abccf1 Protanomaly 1% of men, 0.01% of women
#abcbf9 Deuteranomaly 6% of men, 0.4% of women
#84d5ec Tritanomaly 0.01% of the population

#84d2f6 hex color

#84d2f6 Color Information

#84d2f6 Color Conversion

Color Schemes with #84d2f6

Alternatives to #84d2f6

#84d2f6 Preview

Shades and Tints of #84d2f6

Tones of #84d2f6

Color Blindness Simulator