#84b6ca hex color

In a RGB color space, hex #84b6ca is composed of 51.8% red, 71.4% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 34.7% cyan, 9.9% magenta, 0% yellow and 20.8% black. It has a hue angle of 197.1 degrees, a saturation of 39.8% and a lightness of 65.5%. #84b6ca color hex could be obtained by blending #ffffff with #096d95. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 52
- G 71
- B 79
RGB color chart
- C 35
- M 10
- Y 0
- K 21
CMYK color chart

● #84b6ca color description : Slightly desaturated blue.

The hexadecimal color #84b6ca has RGB values of R:132, G:182, B:202 and CMYK values of C:0.35, M:0.1, Y:0, K:0.21. Its decimal value is 8697546.

Hex triplet	84b6ca	`#84b6ca`
RGB Decimal	132, 182, 202	`rgb(132,182,202)`
RGB Percent	51.8, 71.4, 79.2	`rgb(51.8%,71.4%,79.2%)`
CMYK	35, 10, 0, 21
HSL	197.1°, 39.8, 65.5	`hsl(197.1,39.8%,65.5%)`
HSV (or HSB)	197.1°, 34.7, 79.2
Web Safe	99cccc	`#99cccc`

CIE-LAB	71.299, -11.53, -15.394
XYZ	36.902, 42.624, 62.157
xyY	0.26, 0.301, 42.624
CIE-LCH	71.299, 19.234, 233.167
CIE-LUV	71.299, -24.792, -21.952
Hunter-Lab	65.287, -13.36, -10.746
Binary	10000100, 10110110, 11001010

#84b6ca
```
#84b6ca rgb(132,182,202)
```
#ca9884
```
#ca9884 rgb(202,152,132)
```

Complementary Color

#84cabb
```
#84cabb rgb(132,202,187)
```
#84b6ca
```
#84b6ca rgb(132,182,202)
```
#8493ca
```
#8493ca rgb(132,147,202)
```

Analogous Color

#cabb84
```
#cabb84 rgb(202,187,132)
```
#84b6ca
```
#84b6ca rgb(132,182,202)
```
#ca8493
```
#ca8493 rgb(202,132,147)
```

Split Complementary Color

#b6ca84
```
#b6ca84 rgb(182,202,132)
```
#84b6ca
```
#84b6ca rgb(132,182,202)
```
#ca84b6
```
#ca84b6 rgb(202,132,182)
```

Triadic Color

#84ca98
```
#84ca98 rgb(132,202,152)
```
#84b6ca
```
#84b6ca rgb(132,182,202)
```
#ca84b6
```
#ca84b6 rgb(202,132,182)
```
#ca9884
```
#ca9884 rgb(202,152,132)
```

Tetradic Color

#4f96b3
```
#4f96b3 rgb(79,150,179)
```
#60a1bb
```
#60a1bb rgb(96,161,187)
```
#72abc2
```
#72abc2 rgb(114,171,194)
```
#84b6ca
```
#84b6ca rgb(132,182,202)
```
#96c1d2
```
#96c1d2 rgb(150,193,210)
```
#a8cbd9
```
#a8cbd9 rgb(168,203,217)
```
#b9d6e1
```
#b9d6e1 rgb(185,214,225)
```

Monochromatic Color

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

#84c8ca
```
#84c8ca rgb(132,200,202)
```
#84c2ca
```
#84c2ca rgb(132,194,202)
```
#84bcca
```
#84bcca rgb(132,188,202)
```
#84b6ca
```
#84b6ca rgb(132,182,202)
```
#84b0ca
```
#84b0ca rgb(132,176,202)
```
#84aaca
```
#84aaca rgb(132,170,202)
```
#84a5ca
```
#84a5ca rgb(132,165,202)
```

Similar Colors

Text with hexadecimal color #84b6ca

This text has a font color of #84b6ca.

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

#84b6ca background color

This paragraph has a background color of #84b6ca.

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

#84b6ca border color

This element has a border color of #84b6ca.

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

CSS codes

.text {color:#84b6ca;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060c0e
```
#060c0e rgb(6,12,14)
```
#0c171c
```
#0c171c rgb(12,23,28)
```
#12232a
```
#12232a rgb(18,35,42)
```
#182e37
```
#182e37 rgb(24,46,55)
```
#1e3a45
```
#1e3a45 rgb(30,58,69)
```
#244553
```
#244553 rgb(36,69,83)
```
#2a5160
```
#2a5160 rgb(42,81,96)
```
#2f5c6e
```
#2f5c6e rgb(47,92,110)
```
#35687c
```
#35687c rgb(53,104,124)
```
#3b7389
```
#3b7389 rgb(59,115,137)
```
#417f97
```
#417f97 rgb(65,127,151)
```
#478aa5
```
#478aa5 rgb(71,138,165)
```

Shade Color Variation

#4d95b2
```
#4d95b2 rgb(77,149,178)
```
#5b9eb8
```
#5b9eb8 rgb(91,158,184)
```
#69a6be
```
#69a6be rgb(105,166,190)
```
#76aec4
```
#76aec4 rgb(118,174,196)
```
#84b6ca
```
#84b6ca rgb(132,182,202)
```
#92bed0
```
#92bed0 rgb(146,190,208)
```
#9fc6d6
```
#9fc6d6 rgb(159,198,214)
```
#adcedc
```
#adcedc rgb(173,206,220)
```
#bbd7e2
```
#bbd7e2 rgb(187,215,226)
```
#c9dfe8
```
#c9dfe8 rgb(201,223,232)
```
#d6e7ed
```
#d6e7ed rgb(214,231,237)
```
#e4eff3
```
#e4eff3 rgb(228,239,243)
```
#f2f7f9
```
#f2f7f9 rgb(242,247,249)
```

Tint Color Variation

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

#a6a7a8
```
#a6a7a8 rgb(166,167,168)
```
#9faaaf
```
#9faaaf rgb(159,170,175)
```
#98adb6
```
#98adb6 rgb(152,173,182)
```
#92b0bc
```
#92b0bc rgb(146,176,188)
```
#8bb3c3
```
#8bb3c3 rgb(139,179,195)
```
#84b6ca
```
#84b6ca rgb(132,182,202)
```
#7db9d1
```
#7db9d1 rgb(125,185,209)
```
#76bcd8
```
#76bcd8 rgb(118,188,216)
```
#70bfde
```
#70bfde rgb(112,191,222)
```
#69c2e5
```
#69c2e5 rgb(105,194,229)
```
#62c5ec
```
#62c5ec rgb(98,197,236)
```
#5bc7f3
```
#5bc7f3 rgb(91,199,243)
```
#55caf9
```
#55caf9 rgb(85,202,249)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#a2acb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb1c7 Protanopia 1% of men
#b3aed0 Deuteranopia 1% of men
#89bac8 Tritanopia 0.001% of the population

Trichromacy

#9fb3c8 Protanomaly 1% of men, 0.01% of women
#a2b1ce Deuteranomaly 6% of men, 0.4% of women
#87b8c8 Tritanomaly 0.01% of the population

#84b6ca hex color

#84b6ca Color Information

#84b6ca Color Conversion

Color Schemes with #84b6ca

Alternatives to #84b6ca

#84b6ca Preview

Shades and Tints of #84b6ca

Tones of #84b6ca

Color Blindness Simulator