#84afdf hex color

In a RGB color space, hex #84afdf is composed of 51.8% red, 68.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 40.8% cyan, 21.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 211.6 degrees, a saturation of 58.7% and a lightness of 69.6%. #84afdf color hex could be obtained by blending #ffffff with #095fbf. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 52
- G 69
- B 87
RGB color chart
- C 41
- M 22
- Y 0
- K 13
CMYK color chart

● #84afdf color description : Very soft blue.

The hexadecimal color #84afdf has RGB values of R:132, G:175, B:223 and CMYK values of C:0.41, M:0.22, Y:0, K:0.13. Its decimal value is 8695775.

Hex triplet	84afdf	`#84afdf`
RGB Decimal	132, 175, 223	`rgb(132,175,223)`
RGB Percent	51.8, 68.6, 87.5	`rgb(51.8%,68.6%,87.5%)`
CMYK	41, 22, 0, 13
HSL	211.6°, 58.7, 69.6	`hsl(211.6,58.7%,69.6%)`
HSV (or HSB)	211.6°, 40.8, 87.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.1, -2.255, -28.722
XYZ	38.162, 40.892, 75.69
xyY	0.247, 0.264, 40.892
CIE-LCH	70.1, 28.81, 265.51
CIE-LUV	70.1, -21.963, -45.076
Hunter-Lab	63.947, -5.381, -25.416
Binary	10000100, 10101111, 11011111

#84afdf
```
#84afdf rgb(132,175,223)
```
#dfb484
```
#dfb484 rgb(223,180,132)
```

Complementary Color

#84dddf
```
#84dddf rgb(132,221,223)
```
#84afdf
```
#84afdf rgb(132,175,223)
```
#8784df
```
#8784df rgb(135,132,223)
```

Analogous Color

#dddf84
```
#dddf84 rgb(221,223,132)
```
#84afdf
```
#84afdf rgb(132,175,223)
```
#df8784
```
#df8784 rgb(223,135,132)
```

Split Complementary Color

#afdf84
```
#afdf84 rgb(175,223,132)
```
#84afdf
```
#84afdf rgb(132,175,223)
```
#df84af
```
#df84af rgb(223,132,175)
```

Triadic Color

#84dfb4
```
#84dfb4 rgb(132,223,180)
```
#84afdf
```
#84afdf rgb(132,175,223)
```
#df84af
```
#df84af rgb(223,132,175)
```
#dfb484
```
#dfb484 rgb(223,180,132)
```

Tetradic Color

#4788cf
```
#4788cf rgb(71,136,207)
```
#5c95d4
```
#5c95d4 rgb(92,149,212)
```
#70a2da
```
#70a2da rgb(112,162,218)
```
#84afdf
```
#84afdf rgb(132,175,223)
```
#98bce4
```
#98bce4 rgb(152,188,228)
```
#acc9ea
```
#acc9ea rgb(172,201,234)
```
#c1d6ef
```
#c1d6ef rgb(193,214,239)
```

Monochromatic Color

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

#84c6df
```
#84c6df rgb(132,198,223)
```
#84bedf
```
#84bedf rgb(132,190,223)
```
#84b7df
```
#84b7df rgb(132,183,223)
```
#84afdf
```
#84afdf rgb(132,175,223)
```
#84a7df
```
#84a7df rgb(132,167,223)
```
#84a0df
```
#84a0df rgb(132,160,223)
```
#8498df
```
#8498df rgb(132,152,223)
```

Similar Colors

Text with hexadecimal color #84afdf

This text has a font color of #84afdf.

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

#84afdf background color

This paragraph has a background color of #84afdf.

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

#84afdf border color

This element has a border color of #84afdf.

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

CSS codes

.text {color:#84afdf;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040a11
```
#040a11 rgb(4,10,17)
```
#081421
```
#081421 rgb(8,20,33)
```
#0d1d30
```
#0d1d30 rgb(13,29,48)
```
#112740
```
#112740 rgb(17,39,64)
```
#15304f
```
#15304f rgb(21,48,79)
```
#193a5f
```
#193a5f rgb(25,58,95)
```
#1d436e
```
#1d436e rgb(29,67,110)
```
#214d7e
```
#214d7e rgb(33,77,126)
```
#25568e
```
#25568e rgb(37,86,142)
```
#29609d
```
#29609d rgb(41,96,157)
```
#2d69ad
```
#2d69ad rgb(45,105,173)
```
#3173bc
```
#3173bc rgb(49,115,188)
```

Shade Color Variation

#367ccb
```
#367ccb rgb(54,124,203)
```
#4687cf
```
#4687cf rgb(70,135,207)
```
#5591d3
```
#5591d3 rgb(85,145,211)
```
#659bd7
```
#659bd7 rgb(101,155,215)
```
#74a5db
```
#74a5db rgb(116,165,219)
```
#84afdf
```
#84afdf rgb(132,175,223)
```
#94b9e3
```
#94b9e3 rgb(148,185,227)
```
#a3c3e7
```
#a3c3e7 rgb(163,195,231)
```
#b3cdeb
```
#b3cdeb rgb(179,205,235)
```
#c2d7ef
```
#c2d7ef rgb(194,215,239)
```
#d2e2f3
```
#d2e2f3 rgb(210,226,243)
```
#e1ecf7
```
#e1ecf7 rgb(225,236,247)
```
#f1f6fb
```
#f1f6fb rgb(241,246,251)
```

Tint Color Variation

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

#aeb1b5
```
#aeb1b5 rgb(174,177,181)
```
#a8b1bb
```
#a8b1bb rgb(168,177,187)
```
#a2b1c1
```
#a2b1c1 rgb(162,177,193)
```
#9cb0c7
```
#9cb0c7 rgb(156,176,199)
```
#96b0cd
```
#96b0cd rgb(150,176,205)
```
#90b0d3
```
#90b0d3 rgb(144,176,211)
```
#8aafd9
```
#8aafd9 rgb(138,175,217)
```
#84afdf
```
#84afdf rgb(132,175,223)
```
#7eafe5
```
#7eafe5 rgb(126,175,229)
```
#78aeeb
```
#78aeeb rgb(120,174,235)
```
#72aef1
```
#72aef1 rgb(114,174,241)
```
#6caef7
```
#6caef7 rgb(108,174,247)
```
#66adfd
```
#66adfd rgb(102,173,253)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a1a9b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2addd Protanopia 1% of men
#a2ade2 Deuteranopia 1% of men
#81b8c5 Tritanopia 0.001% of the population

Trichromacy

#97aedd Protanomaly 1% of men, 0.01% of women
#97ade1 Deuteranomaly 6% of men, 0.4% of women
#82b4ce Tritanomaly 0.01% of the population

#84afdf hex color

#84afdf Color Information

#84afdf Color Conversion

Color Schemes with #84afdf

Alternatives to #84afdf

#84afdf Preview

Shades and Tints of #84afdf

Tones of #84afdf

Color Blindness Simulator