#84b7ed hex color

In a RGB color space, hex #84b7ed is composed of 51.8% red, 71.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 44.3% cyan, 22.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 210.9 degrees, a saturation of 74.5% and a lightness of 72.4%. #84b7ed color hex could be obtained by blending #ffffff with #096fdb. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 52
- G 72
- B 93
RGB color chart
- C 44
- M 23
- Y 0
- K 7
CMYK color chart

● #84b7ed color description : Very soft blue.

The hexadecimal color #84b7ed has RGB values of R:132, G:183, B:237 and CMYK values of C:0.44, M:0.23, Y:0, K:0.07. Its decimal value is 8697837.

Hex triplet	84b7ed	`#84b7ed`
RGB Decimal	132, 183, 237	`rgb(132,183,237)`
RGB Percent	51.8, 71.8, 92.9	`rgb(51.8%,71.8%,92.9%)`
CMYK	44, 23, 0, 7
HSL	210.9°, 74.5, 72.4	`hsl(210.9,74.5%,72.4%)`
HSV (or HSB)	210.9°, 44.3, 92.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	72.816, -2.803, -32.158
XYZ	41.732, 44.885, 86.581
xyY	0.241, 0.259, 44.885
CIE-LCH	72.816, 32.28, 265.019
CIE-LUV	72.816, -25.169, -51.028
Hunter-Lab	66.996, -6.056, -29.724
Binary	10000100, 10110111, 11101101

#84b7ed
```
#84b7ed rgb(132,183,237)
```
#edba84
```
#edba84 rgb(237,186,132)
```

Complementary Color

#84eced
```
#84eced rgb(132,236,237)
```
#84b7ed
```
#84b7ed rgb(132,183,237)
```
#8684ed
```
#8684ed rgb(134,132,237)
```

Analogous Color

#eced84
```
#eced84 rgb(236,237,132)
```
#84b7ed
```
#84b7ed rgb(132,183,237)
```
#ed8684
```
#ed8684 rgb(237,134,132)
```

Split Complementary Color

#b7ed84
```
#b7ed84 rgb(183,237,132)
```
#84b7ed
```
#84b7ed rgb(132,183,237)
```
#ed84b7
```
#ed84b7 rgb(237,132,183)
```

Triadic Color

#84edba
```
#84edba rgb(132,237,186)
```
#84b7ed
```
#84b7ed rgb(132,183,237)
```
#ed84b7
```
#ed84b7 rgb(237,132,183)
```
#edba84
```
#edba84 rgb(237,186,132)
```

Tetradic Color

#4190e3
```
#4190e3 rgb(65,144,227)
```
#589de6
```
#589de6 rgb(88,157,230)
```
#6eaaea
```
#6eaaea rgb(110,170,234)
```
#84b7ed
```
#84b7ed rgb(132,183,237)
```
#9ac4f0
```
#9ac4f0 rgb(154,196,240)
```
#b0d1f4
```
#b0d1f4 rgb(176,209,244)
```
#c7def7
```
#c7def7 rgb(199,222,247)
```

Monochromatic Color

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

#84d1ed
```
#84d1ed rgb(132,209,237)
```
#84c9ed
```
#84c9ed rgb(132,201,237)
```
#84c0ed
```
#84c0ed rgb(132,192,237)
```
#84b7ed
```
#84b7ed rgb(132,183,237)
```
#84aeed
```
#84aeed rgb(132,174,237)
```
#84a6ed
```
#84a6ed rgb(132,166,237)
```
#849ded
```
#849ded rgb(132,157,237)
```

Similar Colors

Text with hexadecimal color #84b7ed

This text has a font color of #84b7ed.

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

#84b7ed background color

This paragraph has a background color of #84b7ed.

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

#84b7ed border color

This element has a border color of #84b7ed.

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

CSS codes

.text {color:#84b7ed;}

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

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

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, #02080e is the darkest color, while #fcfdff is the lightest one.

#02080e
```
#02080e rgb(2,8,14)
```
#05111f
```
#05111f rgb(5,17,31)
```
#071b30
```
#071b30 rgb(7,27,48)
```
#0a2541
```
#0a2541 rgb(10,37,65)
```
#0c2e52
```
#0c2e52 rgb(12,46,82)
```
#0f3863
```
#0f3863 rgb(15,56,99)
```
#114175
```
#114175 rgb(17,65,117)
```
#144b86
```
#144b86 rgb(20,75,134)
```
#165597
```
#165597 rgb(22,85,151)
```
#195ea8
```
#195ea8 rgb(25,94,168)
```
#1b68b9
```
#1b68b9 rgb(27,104,185)
```
#1e71ca
```
#1e71ca rgb(30,113,202)
```
#207bdb
```
#207bdb rgb(32,123,219)
```

Shade Color Variation

#2e85e0
```
#2e85e0 rgb(46,133,224)
```
#408fe3
```
#408fe3 rgb(64,143,227)
```
#5199e5
```
#5199e5 rgb(81,153,229)
```
#62a3e8
```
#62a3e8 rgb(98,163,232)
```
#73adea
```
#73adea rgb(115,173,234)
```
#84b7ed
```
#84b7ed rgb(132,183,237)
```
#95c1f0
```
#95c1f0 rgb(149,193,240)
```
#a6cbf2
```
#a6cbf2 rgb(166,203,242)
```
#b7d5f5
```
#b7d5f5 rgb(183,213,245)
```
#c8dff7
```
#c8dff7 rgb(200,223,247)
```
#dae9fa
```
#dae9fa rgb(218,233,250)
```
#ebf3fc
```
#ebf3fc rgb(235,243,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#b5b8bc
```
#b5b8bc rgb(181,184,188)
```
#afb8c2
```
#afb8c2 rgb(175,184,194)
```
#aab8c7
```
#aab8c7 rgb(170,184,199)
```
#a5b8cc
```
#a5b8cc rgb(165,184,204)
```
#9fb8d2
```
#9fb8d2 rgb(159,184,210)
```
#9ab8d7
```
#9ab8d7 rgb(154,184,215)
```
#94b7dd
```
#94b7dd rgb(148,183,221)
```
#8fb7e2
```
#8fb7e2 rgb(143,183,226)
```
#89b7e8
```
#89b7e8 rgb(137,183,232)
```
#84b7ed
```
#84b7ed rgb(132,183,237)
```
#7fb7f2
```
#7fb7f2 rgb(127,183,242)
```
#79b7f8
```
#79b7f8 rgb(121,183,248)
```
#74b7fd
```
#74b7fd rgb(116,183,253)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#a6b0bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7b4e9 Protanopia 1% of men
#a4b4f0 Deuteranopia 1% of men
#7fc0ce Tritanopia 0.001% of the population

Trichromacy

#9ab5eb Protanomaly 1% of men, 0.01% of women
#98b5ef Deuteranomaly 6% of men, 0.4% of women
#80bdd9 Tritanomaly 0.01% of the population

#84b7ed hex color

#84b7ed Color Information

#84b7ed Color Conversion

Color Schemes with #84b7ed

Alternatives to #84b7ed

#84b7ed Preview

Shades and Tints of #84b7ed

Tones of #84b7ed

Color Blindness Simulator