#84a1be hex color

In a RGB color space, hex #84a1be is composed of 51.8% red, 63.1% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 30.5% cyan, 15.3% magenta, 0% yellow and 25.5% black. It has a hue angle of 210 degrees, a saturation of 30.9% and a lightness of 63.1%. #84a1be color hex could be obtained by blending #ffffff with #09437d. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 52
- G 63
- B 75
RGB color chart
- C 31
- M 15
- Y 0
- K 25
CMYK color chart

● #84a1be color description : Slightly desaturated blue.

The hexadecimal color #84a1be has RGB values of R:132, G:161, B:190 and CMYK values of C:0.31, M:0.15, Y:0, K:0.25. Its decimal value is 8692158.

Hex triplet	84a1be	`#84a1be`
RGB Decimal	132, 161, 190	`rgb(132,161,190)`
RGB Percent	51.8, 63.1, 74.5	`rgb(51.8%,63.1%,74.5%)`
CMYK	31, 15, 0, 25
HSL	210°, 30.9, 63.1	`hsl(210,30.9%,63.1%)`
HSV (or HSB)	210°, 30.5, 74.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.051, -3.152, -18.208
XYZ	31.553, 34.112, 53.634
xyY	0.264, 0.286, 34.112
CIE-LCH	65.051, 18.479, 260.179
CIE-LUV	65.051, -15.727, -27.34
Hunter-Lab	58.406, -5.777, -13.563
Binary	10000100, 10100001, 10111110

#84a1be
```
#84a1be rgb(132,161,190)
```
#bea184
```
#bea184 rgb(190,161,132)
```

Complementary Color

#84bebe
```
#84bebe rgb(132,190,190)
```
#84a1be
```
#84a1be rgb(132,161,190)
```
#8484be
```
#8484be rgb(132,132,190)
```

Analogous Color

#bebe84
```
#bebe84 rgb(190,190,132)
```
#84a1be
```
#84a1be rgb(132,161,190)
```
#be8484
```
#be8484 rgb(190,132,132)
```

Split Complementary Color

#a1be84
```
#a1be84 rgb(161,190,132)
```
#84a1be
```
#84a1be rgb(132,161,190)
```
#be84a1
```
#be84a1 rgb(190,132,161)
```

Triadic Color

#84bea1
```
#84bea1 rgb(132,190,161)
```
#84a1be
```
#84a1be rgb(132,161,190)
```
#be84a1
```
#be84a1 rgb(190,132,161)
```
#bea184
```
#bea184 rgb(190,161,132)
```

Tetradic Color

#557ba1
```
#557ba1 rgb(85,123,161)
```
#6388ac
```
#6388ac rgb(99,136,172)
```
#7394b5
```
#7394b5 rgb(115,148,181)
```
#84a1be
```
#84a1be rgb(132,161,190)
```
#95aec7
```
#95aec7 rgb(149,174,199)
```
#a5bbd0
```
#a5bbd0 rgb(165,187,208)
```
#b6c7d8
```
#b6c7d8 rgb(182,199,216)
```

Monochromatic Color

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

#84b0be
```
#84b0be rgb(132,176,190)
```
#84abbe
```
#84abbe rgb(132,171,190)
```
#84a6be
```
#84a6be rgb(132,166,190)
```
#84a1be
```
#84a1be rgb(132,161,190)
```
#849cbe
```
#849cbe rgb(132,156,190)
```
#8497be
```
#8497be rgb(132,151,190)
```
#8493be
```
#8493be rgb(132,147,190)
```

Similar Colors

Text with hexadecimal color #84a1be

This text has a font color of #84a1be.

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

#84a1be background color

This paragraph has a background color of #84a1be.

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

#84a1be border color

This element has a border color of #84a1be.

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

CSS codes

.text {color:#84a1be;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0a0e12
```
#0a0e12 rgb(10,14,18)
```
#10181f
```
#10181f rgb(16,24,31)
```
#17222c
```
#17222c rgb(23,34,44)
```
#1e2b39
```
#1e2b39 rgb(30,43,57)
```
#253546
```
#253546 rgb(37,53,70)
```
#2c3f52
```
#2c3f52 rgb(44,63,82)
```
#32495f
```
#32495f rgb(50,73,95)
```
#39536c
```
#39536c rgb(57,83,108)
```
#405c79
```
#405c79 rgb(64,92,121)
```
#476686
```
#476686 rgb(71,102,134)
```
#4d7093
```
#4d7093 rgb(77,112,147)
```
#547a9f
```
#547a9f rgb(84,122,159)
```

Shade Color Variation

#5d84aa
```
#5d84aa rgb(93,132,170)
```
#6a8db0
```
#6a8db0 rgb(106,141,176)
```
#7797b7
```
#7797b7 rgb(119,151,183)
```
#84a1be
```
#84a1be rgb(132,161,190)
```
#91abc5
```
#91abc5 rgb(145,171,197)
```
#9eb5cc
```
#9eb5cc rgb(158,181,204)
```
#abbed2
```
#abbed2 rgb(171,190,210)
```
#b7c8d9
```
#b7c8d9 rgb(183,200,217)
```
#c4d2e0
```
#c4d2e0 rgb(196,210,224)
```
#d1dce7
```
#d1dce7 rgb(209,220,231)
```
#dee6ed
```
#dee6ed rgb(222,230,237)
```
#ebeff4
```
#ebeff4 rgb(235,239,244)
```
#f8f9fb
```
#f8f9fb rgb(248,249,251)
```

Tint Color Variation

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

#a1a1a1
```
#a1a1a1 rgb(161,161,161)
```
#9aa1a8
```
#9aa1a8 rgb(154,161,168)
```
#92a1b0
```
#92a1b0 rgb(146,161,176)
```
#8ba1b7
```
#8ba1b7 rgb(139,161,183)
```
#84a1be
```
#84a1be rgb(132,161,190)
```
#7da1c5
```
#7da1c5 rgb(125,161,197)
```
#76a1cc
```
#76a1cc rgb(118,161,204)
```
#6ea1d4
```
#6ea1d4 rgb(110,161,212)
```
#67a1db
```
#67a1db rgb(103,161,219)
```
#60a1e2
```
#60a1e2 rgb(96,161,226)
```
#59a1e9
```
#59a1e9 rgb(89,161,233)
```
#51a1f1
```
#51a1f1 rgb(81,161,241)
```
#4aa1f8
```
#4aa1f8 rgb(74,161,248)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#979da3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca1be Protanopia 1% of men
#a09fc3 Deuteranopia 1% of men
#86a8b4 Tritanopia 0.001% of the population

Trichromacy

#93a1be Protanomaly 1% of men, 0.01% of women
#96a0c1 Deuteranomaly 6% of men, 0.4% of women
#85a5b7 Tritanomaly 0.01% of the population

#84a1be hex color

#84a1be Color Information

#84a1be Color Conversion

Color Schemes with #84a1be

Alternatives to #84a1be

#84a1be Preview

Shades and Tints of #84a1be

Tones of #84a1be

Color Blindness Simulator