#84b2c6 hex color

In a RGB color space, hex #84b2c6 is composed of 51.8% red, 69.8% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 10.1% magenta, 0% yellow and 22.4% black. It has a hue angle of 198.2 degrees, a saturation of 36.7% and a lightness of 64.7%. #84b2c6 color hex could be obtained by blending #ffffff with #09658d. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 52
- G 70
- B 78
RGB color chart
- C 33
- M 10
- Y 0
- K 22
CMYK color chart

● #84b2c6 color description : Slightly desaturated blue.

The hexadecimal color #84b2c6 has RGB values of R:132, G:178, B:198 and CMYK values of C:0.33, M:0.1, Y:0, K:0.22. Its decimal value is 8696518.

Hex triplet	84b2c6	`#84b2c6`
RGB Decimal	132, 178, 198	`rgb(132,178,198)`
RGB Percent	51.8, 69.8, 77.6	`rgb(51.8%,69.8%,77.6%)`
CMYK	33, 10, 0, 22
HSL	198.2°, 36.7, 64.7	`hsl(198.2,36.7%,64.7%)`
HSV (or HSB)	198.2°, 33.3, 77.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.051, -10.401, -15.079
XYZ	35.627, 40.822, 59.425
xyY	0.262, 0.3, 40.822
CIE-LCH	70.051, 18.319, 235.403
CIE-LUV	70.051, -23.096, -21.555
Hunter-Lab	63.892, -12.279, -10.42
Binary	10000100, 10110010, 11000110

#84b2c6
```
#84b2c6 rgb(132,178,198)
```
#c69884
```
#c69884 rgb(198,152,132)
```

Complementary Color

#84c6b9
```
#84c6b9 rgb(132,198,185)
```
#84b2c6
```
#84b2c6 rgb(132,178,198)
```
#8491c6
```
#8491c6 rgb(132,145,198)
```

Analogous Color

#c6b984
```
#c6b984 rgb(198,185,132)
```
#84b2c6
```
#84b2c6 rgb(132,178,198)
```
#c68491
```
#c68491 rgb(198,132,145)
```

Split Complementary Color

#b2c684
```
#b2c684 rgb(178,198,132)
```
#84b2c6
```
#84b2c6 rgb(132,178,198)
```
#c684b2
```
#c684b2 rgb(198,132,178)
```

Triadic Color

#84c698
```
#84c698 rgb(132,198,152)
```
#84b2c6
```
#84b2c6 rgb(132,178,198)
```
#c684b2
```
#c684b2 rgb(198,132,178)
```
#c69884
```
#c69884 rgb(198,152,132)
```

Tetradic Color

#5091ad
```
#5091ad rgb(80,145,173)
```
#619cb6
```
#619cb6 rgb(97,156,182)
```
#73a7be
```
#73a7be rgb(115,167,190)
```
#84b2c6
```
#84b2c6 rgb(132,178,198)
```
#95bdce
```
#95bdce rgb(149,189,206)
```
#a7c8d6
```
#a7c8d6 rgb(167,200,214)
```
#b8d3de
```
#b8d3de rgb(184,211,222)
```

Monochromatic Color

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

#84c3c6
```
#84c3c6 rgb(132,195,198)
```
#84bdc6
```
#84bdc6 rgb(132,189,198)
```
#84b8c6
```
#84b8c6 rgb(132,184,198)
```
#84b2c6
```
#84b2c6 rgb(132,178,198)
```
#84adc6
```
#84adc6 rgb(132,173,198)
```
#84a7c6
```
#84a7c6 rgb(132,167,198)
```
#84a2c6
```
#84a2c6 rgb(132,162,198)
```

Similar Colors

Text with hexadecimal color #84b2c6

This text has a font color of #84b2c6.

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

#84b2c6 background color

This paragraph has a background color of #84b2c6.

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

#84b2c6 border color

This element has a border color of #84b2c6.

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

CSS codes

.text {color:#84b2c6;}

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

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

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

#05090b
```
#05090b rgb(5,9,11)
```
#0b1418
```
#0b1418 rgb(11,20,24)
```
#122026
```
#122026 rgb(18,32,38)
```
#182b33
```
#182b33 rgb(24,43,51)
```
#1e3641
```
#1e3641 rgb(30,54,65)
```
#24414e
```
#24414e rgb(36,65,78)
```
#2a4d5b
```
#2a4d5b rgb(42,77,91)
```
#315869
```
#315869 rgb(49,88,105)
```
#376376
```
#376376 rgb(55,99,118)
```
#3d6e84
```
#3d6e84 rgb(61,110,132)
```
#437991
```
#437991 rgb(67,121,145)
```
#49859e
```
#49859e rgb(73,133,158)
```
#5090ac
```
#5090ac rgb(80,144,172)
```

Shade Color Variation

#5c99b3
```
#5c99b3 rgb(92,153,179)
```
#69a1ba
```
#69a1ba rgb(105,161,186)
```
#77aac0
```
#77aac0 rgb(119,170,192)
```
#84b2c6
```
#84b2c6 rgb(132,178,198)
```
#91bacc
```
#91bacc rgb(145,186,204)
```
#9fc3d2
```
#9fc3d2 rgb(159,195,210)
```
#accbd9
```
#accbd9 rgb(172,203,217)
```
#bad4df
```
#bad4df rgb(186,212,223)
```
#c7dce5
```
#c7dce5 rgb(199,220,229)
```
#d4e4eb
```
#d4e4eb rgb(212,228,235)
```
#e2edf1
```
#e2edf1 rgb(226,237,241)
```
#eff5f8
```
#eff5f8 rgb(239,245,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#a0a7aa
```
#a0a7aa rgb(160,167,170)
```
#99aab1
```
#99aab1 rgb(153,170,177)
```
#92adb8
```
#92adb8 rgb(146,173,184)
```
#8bafbf
```
#8bafbf rgb(139,175,191)
```
#84b2c6
```
#84b2c6 rgb(132,178,198)
```
#7db5cd
```
#7db5cd rgb(125,181,205)
```
#76b7d4
```
#76b7d4 rgb(118,183,212)
```
#6fbadb
```
#6fbadb rgb(111,186,219)
```
#68bde2
```
#68bde2 rgb(104,189,226)
```
#61c0e9
```
#61c0e9 rgb(97,192,233)
```
#5ac2f0
```
#5ac2f0 rgb(90,194,240)
```
#54c5f6
```
#54c5f6 rgb(84,197,246)
```
#4dc8fd
```
#4dc8fd rgb(77,200,253)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a0a9ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#abaec4 Protanopia 1% of men
#b0abcc Deuteranopia 1% of men
#88b6c4 Tritanopia 0.001% of the population

Trichromacy

#9dafc4 Protanomaly 1% of men, 0.01% of women
#a0aeca Deuteranomaly 6% of men, 0.4% of women
#87b5c4 Tritanomaly 0.01% of the population

#84b2c6 hex color

#84b2c6 Color Information

#84b2c6 Color Conversion

Color Schemes with #84b2c6

Alternatives to #84b2c6

#84b2c6 Preview

Shades and Tints of #84b2c6

Tones of #84b2c6

Color Blindness Simulator