#84b3af hex color

In a RGB color space, hex #84b3af is composed of 51.8% red, 70.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 26.3% cyan, 0% magenta, 2.2% yellow and 29.8% black. It has a hue angle of 174.9 degrees, a saturation of 23.6% and a lightness of 61%. #84b3af color hex could be obtained by blending #ffffff with #09675f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 52
- G 70
- B 69
RGB color chart
- C 26
- M 0
- Y 2
- K 30
CMYK color chart

● #84b3af color description : Slightly desaturated cyan.

The hexadecimal color #84b3af has RGB values of R:132, G:179, B:175 and CMYK values of C:0.26, M:0, Y:0.02, K:0.3. Its decimal value is 8696751.

Hex triplet	84b3af	`#84b3af`
RGB Decimal	132, 179, 175	`rgb(132,179,175)`
RGB Percent	51.8, 70.2, 68.6	`rgb(51.8%,70.2%,68.6%)`
CMYK	26, 0, 2, 30
HSL	174.9°, 23.6, 61	`hsl(174.9,23.6%,61%)`
HSV (or HSB)	174.9°, 26.3, 70.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	69.64, -16.401, -3.026
XYZ	33.372, 40.24, 46.564
xyY	0.278, 0.335, 40.24
CIE-LCH	69.64, 16.678, 190.455
CIE-LUV	69.64, -23.508, -1.842
Hunter-Lab	63.435, -17.106, 0.883
Binary	10000100, 10110011, 10101111

#84b3af
```
#84b3af rgb(132,179,175)
```
#b38488
```
#b38488 rgb(179,132,136)
```

Complementary Color

#84b398
```
#84b398 rgb(132,179,152)
```
#84b3af
```
#84b3af rgb(132,179,175)
```
#84a0b3
```
#84a0b3 rgb(132,160,179)
```

Analogous Color

#b39884
```
#b39884 rgb(179,152,132)
```
#84b3af
```
#84b3af rgb(132,179,175)
```
#b384a0
```
#b384a0 rgb(179,132,160)
```

Split Complementary Color

#b3af84
```
#b3af84 rgb(179,175,132)
```
#84b3af
```
#84b3af rgb(132,179,175)
```
#af84b3
```
#af84b3 rgb(175,132,179)
```

Triadic Color

#88b384
```
#88b384 rgb(136,179,132)
```
#84b3af
```
#84b3af rgb(132,179,175)
```
#af84b3
```
#af84b3 rgb(175,132,179)
```
#b38488
```
#b38488 rgb(179,132,136)
```

Tetradic Color

#5a918c
```
#5a918c rgb(90,145,140)
```
#64a09a
```
#64a09a rgb(100,160,154)
```
#74a9a5
```
#74a9a5 rgb(116,169,165)
```
#84b3af
```
#84b3af rgb(132,179,175)
```
#94bdb9
```
#94bdb9 rgb(148,189,185)
```
#a4c6c4
```
#a4c6c4 rgb(164,198,196)
```
#b3d0ce
```
#b3d0ce rgb(179,208,206)
```

Monochromatic Color

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

#84b3a3
```
#84b3a3 rgb(132,179,163)
```
#84b3a7
```
#84b3a7 rgb(132,179,167)
```
#84b3ab
```
#84b3ab rgb(132,179,171)
```
#84b3af
```
#84b3af rgb(132,179,175)
```
#84b3b3
```
#84b3b3 rgb(132,179,179)
```
#84afb3
```
#84afb3 rgb(132,175,179)
```
#84abb3
```
#84abb3 rgb(132,171,179)
```

Similar Colors

Text with hexadecimal color #84b3af

This text has a font color of #84b3af.

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

#84b3af background color

This paragraph has a background color of #84b3af.

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

#84b3af border color

This element has a border color of #84b3af.

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

CSS codes

.text {color:#84b3af;}

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

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

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, #060a0a is the darkest color, while #fdfefe is the lightest one.

#060a0a
```
#060a0a rgb(6,10,10)
```
#0e1616
```
#0e1616 rgb(14,22,22)
```
#152321
```
#152321 rgb(21,35,33)
```
#1d2f2d
```
#1d2f2d rgb(29,47,45)
```
#243b39
```
#243b39 rgb(36,59,57)
```
#2c4745
```
#2c4745 rgb(44,71,69)
```
#335350
```
#335350 rgb(51,83,80)
```
#3b5f5c
```
#3b5f5c rgb(59,95,92)
```
#426b68
```
#426b68 rgb(66,107,104)
```
#4a7774
```
#4a7774 rgb(74,119,116)
```
#51847f
```
#51847f rgb(81,132,127)
```
#59908b
```
#59908b rgb(89,144,139)
```
#609c97
```
#609c97 rgb(96,156,151)
```

Shade Color Variation

#6ca49f
```
#6ca49f rgb(108,164,159)
```
#78aca7
```
#78aca7 rgb(120,172,167)
```
#84b3af
```
#84b3af rgb(132,179,175)
```
#90bab7
```
#90bab7 rgb(144,186,183)
```
#9cc2bf
```
#9cc2bf rgb(156,194,191)
```
#a8c9c7
```
#a8c9c7 rgb(168,201,199)
```
#b4d1cf
```
#b4d1cf rgb(180,209,207)
```
#c1d8d6
```
#c1d8d6 rgb(193,216,214)
```
#cde0de
```
#cde0de rgb(205,224,222)
```
#d9e7e6
```
#d9e7e6 rgb(217,231,230)
```
#e5efee
```
#e5efee rgb(229,239,238)
```
#f1f6f6
```
#f1f6f6 rgb(241,246,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9c9c is the less saturated color, while #3ff8e8 is the most saturated one.

#9b9c9c
```
#9b9c9c rgb(155,156,156)
```
#93a4a2
```
#93a4a2 rgb(147,164,162)
```
#8caba9
```
#8caba9 rgb(140,171,169)
```
#84b3af
```
#84b3af rgb(132,179,175)
```
#7cbbb5
```
#7cbbb5 rgb(124,187,181)
```
#75c2bc
```
#75c2bc rgb(117,194,188)
```
#6dcac2
```
#6dcac2 rgb(109,202,194)
```
#65d2c8
```
#65d2c8 rgb(101,210,200)
```
#5ed9cf
```
#5ed9cf rgb(94,217,207)
```
#56e1d5
```
#56e1d5 rgb(86,225,213)
```
#4ee9db
```
#4ee9db rgb(78,233,219)
```
#47f0e2
```
#47f0e2 rgb(71,240,226)
```
#3ff8e8
```
#3ff8e8 rgb(63,248,232)
```

Tone Color Variation

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

Dichromacy

#b1adae Protanopia 1% of men
#baa9b7 Deuteranopia 1% of men
#8eb4c1 Tritanopia 0.001% of the population

Trichromacy

#a0afae Protanomaly 1% of men, 0.01% of women
#a6adb4 Deuteranomaly 6% of men, 0.4% of women
#8ab4ba Tritanomaly 0.01% of the population

#84b3af hex color

#84b3af Color Information

#84b3af Color Conversion

Color Schemes with #84b3af

Alternatives to #84b3af

#84b3af Preview

Shades and Tints of #84b3af

Tones of #84b3af

Color Blindness Simulator