#84b2ce hex color

In a RGB color space, hex #84b2ce is composed of 51.8% red, 69.8% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 35.9% cyan, 13.6% magenta, 0% yellow and 19.2% black. It has a hue angle of 202.7 degrees, a saturation of 43% and a lightness of 66.3%. #84b2ce color hex could be obtained by blending #ffffff with #09659d. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 52
- G 70
- B 81
RGB color chart
- C 36
- M 14
- Y 0
- K 19
CMYK color chart

● #84b2ce color description : Slightly desaturated blue.

The hexadecimal color #84b2ce has RGB values of R:132, G:178, B:206 and CMYK values of C:0.36, M:0.14, Y:0, K:0.19. Its decimal value is 8696526.

Hex triplet	84b2ce	`#84b2ce`
RGB Decimal	132, 178, 206	`rgb(132,178,206)`
RGB Percent	51.8, 69.8, 80.8	`rgb(51.8%,69.8%,80.8%)`
CMYK	36, 14, 0, 19
HSL	202.7°, 43, 66.3	`hsl(202.7,43%,66.3%)`
HSV (or HSB)	202.7°, 35.9, 80.8
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.317, -8.378, -19.073
XYZ	36.574, 41.201, 64.415
xyY	0.257, 0.29, 41.201
CIE-LCH	70.317, 20.832, 246.287
CIE-LUV	70.317, -23.115, -28.315
Hunter-Lab	64.188, -10.621, -14.568
Binary	10000100, 10110010, 11001110

#84b2ce
```
#84b2ce rgb(132,178,206)
```
#cea084
```
#cea084 rgb(206,160,132)
```

Complementary Color

#84cec5
```
#84cec5 rgb(132,206,197)
```
#84b2ce
```
#84b2ce rgb(132,178,206)
```
#848dce
```
#848dce rgb(132,141,206)
```

Analogous Color

#cec584
```
#cec584 rgb(206,197,132)
```
#84b2ce
```
#84b2ce rgb(132,178,206)
```
#ce848d
```
#ce848d rgb(206,132,141)
```

Split Complementary Color

#b2ce84
```
#b2ce84 rgb(178,206,132)
```
#84b2ce
```
#84b2ce rgb(132,178,206)
```
#ce84b2
```
#ce84b2 rgb(206,132,178)
```

Triadic Color

#84cea0
```
#84cea0 rgb(132,206,160)
```
#84b2ce
```
#84b2ce rgb(132,178,206)
```
#ce84b2
```
#ce84b2 rgb(206,132,178)
```
#cea084
```
#cea084 rgb(206,160,132)
```

Tetradic Color

#4d90b8
```
#4d90b8 rgb(77,144,184)
```
#609bbf
```
#609bbf rgb(96,155,191)
```
#72a7c7
```
#72a7c7 rgb(114,167,199)
```
#84b2ce
```
#84b2ce rgb(132,178,206)
```
#96bdd5
```
#96bdd5 rgb(150,189,213)
```
#a8c9dd
```
#a8c9dd rgb(168,201,221)
```
#bbd4e4
```
#bbd4e4 rgb(187,212,228)
```

Monochromatic Color

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

#84c5ce
```
#84c5ce rgb(132,197,206)
```
#84bece
```
#84bece rgb(132,190,206)
```
#84b8ce
```
#84b8ce rgb(132,184,206)
```
#84b2ce
```
#84b2ce rgb(132,178,206)
```
#84acce
```
#84acce rgb(132,172,206)
```
#84a6ce
```
#84a6ce rgb(132,166,206)
```
#84a0ce
```
#84a0ce rgb(132,160,206)
```

Similar Colors

Text with hexadecimal color #84b2ce

This text has a font color of #84b2ce.

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

#84b2ce background color

This paragraph has a background color of #84b2ce.

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

#84b2ce border color

This element has a border color of #84b2ce.

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

CSS codes

.text {color:#84b2ce;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#070d11
```
#070d11 rgb(7,13,17)
```
#0c181f
```
#0c181f rgb(12,24,31)
```
#12232d
```
#12232d rgb(18,35,45)
```
#182e3b
```
#182e3b rgb(24,46,59)
```
#1d3949
```
#1d3949 rgb(29,57,73)
```
#234457
```
#234457 rgb(35,68,87)
```
#284e65
```
#284e65 rgb(40,78,101)
```
#2e5973
```
#2e5973 rgb(46,89,115)
```
#346481
```
#346481 rgb(52,100,129)
```
#396f90
```
#396f90 rgb(57,111,144)
```
#3f7a9e
```
#3f7a9e rgb(63,122,158)
```
#4485ac
```
#4485ac rgb(68,133,172)
```

Shade Color Variation

#4c8fb8
```
#4c8fb8 rgb(76,143,184)
```
#5a98bd
```
#5a98bd rgb(90,152,189)
```
#68a0c3
```
#68a0c3 rgb(104,160,195)
```
#76a9c8
```
#76a9c8 rgb(118,169,200)
```
#84b2ce
```
#84b2ce rgb(132,178,206)
```
#92bbd4
```
#92bbd4 rgb(146,187,212)
```
#a0c4d9
```
#a0c4d9 rgb(160,196,217)
```
#aeccdf
```
#aeccdf rgb(174,204,223)
```
#bcd5e4
```
#bcd5e4 rgb(188,213,228)
```
#cadeea
```
#cadeea rgb(202,222,234)
```
#d8e7f0
```
#d8e7f0 rgb(216,231,240)
```
#e6eff5
```
#e6eff5 rgb(230,239,245)
```
#f4f8fb
```
#f4f8fb rgb(244,248,251)
```

Tint Color Variation

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

#a5aaad
```
#a5aaad rgb(165,170,173)
```
#9eacb4
```
#9eacb4 rgb(158,172,180)
```
#98adba
```
#98adba rgb(152,173,186)
```
#91afc1
```
#91afc1 rgb(145,175,193)
```
#8bb0c7
```
#8bb0c7 rgb(139,176,199)
```
#84b2ce
```
#84b2ce rgb(132,178,206)
```
#7db4d5
```
#7db4d5 rgb(125,180,213)
```
#77b5db
```
#77b5db rgb(119,181,219)
```
#70b7e2
```
#70b7e2 rgb(112,183,226)
```
#6ab8e8
```
#6ab8e8 rgb(106,184,232)
```
#63baef
```
#63baef rgb(99,186,239)
```
#5cbcf6
```
#5cbcf6 rgb(92,188,246)
```
#56bdfc
```
#56bdfc rgb(86,189,252)
```

Tone Color Variation

Below, you can see how #84b2ce 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
#a0a9af Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaaecc Protanopia 1% of men
#adacd3 Deuteranopia 1% of men
#86b8c5 Tritanopia 0.001% of the population

Trichromacy

#9cafcc Protanomaly 1% of men, 0.01% of women
#9eaed1 Deuteranomaly 6% of men, 0.4% of women
#85b5c8 Tritanomaly 0.01% of the population

#84b2ce hex color

#84b2ce Color Information

#84b2ce Color Conversion

Color Schemes with #84b2ce

Alternatives to #84b2ce

#84b2ce Preview

Shades and Tints of #84b2ce

Tones of #84b2ce

Color Blindness Simulator