#84afbe hex color

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

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

● #84afbe color description : Slightly desaturated blue.

The hexadecimal color #84afbe has RGB values of R:132, G:175, B:190 and CMYK values of C:0.31, M:0.08, Y:0, K:0.25. Its decimal value is 8695742.

Hex triplet	84afbe	`#84afbe`
RGB Decimal	132, 175, 190	`rgb(132,175,190)`
RGB Percent	51.8, 68.6, 74.5	`rgb(51.8%,68.6%,74.5%)`
CMYK	31, 8, 0, 25
HSL	195.5°, 30.9, 63.1	`hsl(195.5,30.9%,63.1%)`
HSV (or HSB)	195.5°, 30.5, 74.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	68.955, -10.771, -12.319
XYZ	34.138, 39.282, 54.496
xyY	0.267, 0.307, 39.282
CIE-LCH	68.955, 16.363, 228.836
CIE-LUV	68.955, -21.782, -17.06
Hunter-Lab	62.675, -12.457, -7.68
Binary	10000100, 10101111, 10111110

#84afbe
```
#84afbe rgb(132,175,190)
```
#be9384
```
#be9384 rgb(190,147,132)
```

Complementary Color

#84beb0
```
#84beb0 rgb(132,190,176)
```
#84afbe
```
#84afbe rgb(132,175,190)
```
#8492be
```
#8492be rgb(132,146,190)
```

Analogous Color

#beb084
```
#beb084 rgb(190,176,132)
```
#84afbe
```
#84afbe rgb(132,175,190)
```
#be8492
```
#be8492 rgb(190,132,146)
```

Split Complementary Color

#afbe84
```
#afbe84 rgb(175,190,132)
```
#84afbe
```
#84afbe rgb(132,175,190)
```
#be84af
```
#be84af rgb(190,132,175)
```

Triadic Color

#84be93
```
#84be93 rgb(132,190,147)
```
#84afbe
```
#84afbe rgb(132,175,190)
```
#be84af
```
#be84af rgb(190,132,175)
```
#be9384
```
#be9384 rgb(190,147,132)
```

Tetradic Color

#558da1
```
#558da1 rgb(85,141,161)
```
#6399ac
```
#6399ac rgb(99,153,172)
```
#73a4b5
```
#73a4b5 rgb(115,164,181)
```
#84afbe
```
#84afbe rgb(132,175,190)
```
#95bac7
```
#95bac7 rgb(149,186,199)
```
#a5c5d0
```
#a5c5d0 rgb(165,197,208)
```
#b6d0d8
```
#b6d0d8 rgb(182,208,216)
```

Monochromatic Color

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

#84bebe
```
#84bebe rgb(132,190,190)
```
#84b9be
```
#84b9be rgb(132,185,190)
```
#84b4be
```
#84b4be rgb(132,180,190)
```
#84afbe
```
#84afbe rgb(132,175,190)
```
#84aabe
```
#84aabe rgb(132,170,190)
```
#84a5be
```
#84a5be rgb(132,165,190)
```
#84a1be
```
#84a1be rgb(132,161,190)
```

Similar Colors

Text with hexadecimal color #84afbe

This text has a font color of #84afbe.

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

#84afbe background color

This paragraph has a background color of #84afbe.

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

#84afbe border color

This element has a border color of #84afbe.

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

CSS codes

.text {color:#84afbe;}

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

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

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

#030505
```
#030505 rgb(3,5,5)
```
#0a1012
```
#0a1012 rgb(10,16,18)
```
#101b1f
```
#101b1f rgb(16,27,31)
```
#17262c
```
#17262c rgb(23,38,44)
```
#1e3239
```
#1e3239 rgb(30,50,57)
```
#253d46
```
#253d46 rgb(37,61,70)
```
#2c4852
```
#2c4852 rgb(44,72,82)
```
#32545f
```
#32545f rgb(50,84,95)
```
#395f6c
```
#395f6c rgb(57,95,108)
```
#406a79
```
#406a79 rgb(64,106,121)
```
#477586
```
#477586 rgb(71,117,134)
```
#4d8193
```
#4d8193 rgb(77,129,147)
```
#548c9f
```
#548c9f rgb(84,140,159)
```

Shade Color Variation

#5d96aa
```
#5d96aa rgb(93,150,170)
```
#6a9eb0
```
#6a9eb0 rgb(106,158,176)
```
#77a7b7
```
#77a7b7 rgb(119,167,183)
```
#84afbe
```
#84afbe rgb(132,175,190)
```
#91b7c5
```
#91b7c5 rgb(145,183,197)
```
#9ec0cc
```
#9ec0cc rgb(158,192,204)
```
#abc8d2
```
#abc8d2 rgb(171,200,210)
```
#b7d0d9
```
#b7d0d9 rgb(183,208,217)
```
#c4d9e0
```
#c4d9e0 rgb(196,217,224)
```
#d1e1e7
```
#d1e1e7 rgb(209,225,231)
```
#dee9ed
```
#dee9ed rgb(222,233,237)
```
#ebf2f4
```
#ebf2f4 rgb(235,242,244)
```
#f8fafb
```
#f8fafb rgb(248,250,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 #4acbf8 is the most saturated one.

#a1a1a1
```
#a1a1a1 rgb(161,161,161)
```
#9aa5a8
```
#9aa5a8 rgb(154,165,168)
```
#92a8b0
```
#92a8b0 rgb(146,168,176)
```
#8bacb7
```
#8bacb7 rgb(139,172,183)
```
#84afbe
```
#84afbe rgb(132,175,190)
```
#7db2c5
```
#7db2c5 rgb(125,178,197)
```
#76b6cc
```
#76b6cc rgb(118,182,204)
```
#6eb9d4
```
#6eb9d4 rgb(110,185,212)
```
#67bddb
```
#67bddb rgb(103,189,219)
```
#60c0e2
```
#60c0e2 rgb(96,192,226)
```
#59c4e9
```
#59c4e9 rgb(89,196,233)
```
#51c7f1
```
#51c7f1 rgb(81,199,241)
```
#4acbf8
```
#4acbf8 rgb(74,203,248)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9ea6a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaabbd Protanopia 1% of men
#b0a8c4 Deuteranopia 1% of men
#8ab3c0 Tritanopia 0.001% of the population

Trichromacy

#9cacbd Protanomaly 1% of men, 0.01% of women
#a0abc2 Deuteranomaly 6% of men, 0.4% of women
#87b1bf Tritanomaly 0.01% of the population

#84afbe hex color

#84afbe Color Information

#84afbe Color Conversion

Color Schemes with #84afbe

Alternatives to #84afbe

#84afbe Preview

Shades and Tints of #84afbe

Tones of #84afbe

Color Blindness Simulator