#84cdbf hex color

In a RGB color space, hex #84cdbf is composed of 51.8% red, 80.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 35.6% cyan, 0% magenta, 6.8% yellow and 19.6% black. It has a hue angle of 168.5 degrees, a saturation of 42.2% and a lightness of 66.1%. #84cdbf color hex could be obtained by blending #ffffff with #099b7f. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 52
- G 80
- B 75
RGB color chart
- C 36
- M 0
- Y 7
- K 20
CMYK color chart

● #84cdbf color description : Slightly desaturated cyan.

The hexadecimal color #84cdbf has RGB values of R:132, G:205, B:191 and CMYK values of C:0.36, M:0, Y:0.07, K:0.2. Its decimal value is 8703423.

Hex triplet	84cdbf	`#84cdbf`
RGB Decimal	132, 205, 191	`rgb(132,205,191)`
RGB Percent	51.8, 80.4, 74.9	`rgb(51.8%,80.4%,74.9%)`
CMYK	36, 0, 7, 20
HSL	168.5°, 42.2, 66.1	`hsl(168.5,42.2%,66.1%)`
HSV (or HSB)	168.5°, 35.6, 80.4
Web Safe	99cccc	`#99cccc`

CIE-LAB	77.476, -25.899, -0.249
XYZ	40.748, 52.328, 57.24
xyY	0.271, 0.348, 52.328
CIE-LCH	77.476, 25.9, 180.551
CIE-LUV	77.476, -34.667, 3.875
Hunter-Lab	72.338, -26.041, 3.721
Binary	10000100, 11001101, 10111111

#84cdbf
```
#84cdbf rgb(132,205,191)
```
#cd8492
```
#cd8492 rgb(205,132,146)
```

Complementary Color

#84cd9b
```
#84cd9b rgb(132,205,155)
```
#84cdbf
```
#84cdbf rgb(132,205,191)
```
#84b7cd
```
#84b7cd rgb(132,183,205)
```

Analogous Color

#cd9b84
```
#cd9b84 rgb(205,155,132)
```
#84cdbf
```
#84cdbf rgb(132,205,191)
```
#cd84b7
```
#cd84b7 rgb(205,132,183)
```

Split Complementary Color

#cdbf84
```
#cdbf84 rgb(205,191,132)
```
#84cdbf
```
#84cdbf rgb(132,205,191)
```
#bf84cd
```
#bf84cd rgb(191,132,205)
```

Triadic Color

#92cd84
```
#92cd84 rgb(146,205,132)
```
#84cdbf
```
#84cdbf rgb(132,205,191)
```
#bf84cd
```
#bf84cd rgb(191,132,205)
```
#cd8492
```
#cd8492 rgb(205,132,146)
```

Tetradic Color

#4eb7a3
```
#4eb7a3 rgb(78,183,163)
```
#60beac
```
#60beac rgb(96,190,172)
```
#72c6b6
```
#72c6b6 rgb(114,198,182)
```
#84cdbf
```
#84cdbf rgb(132,205,191)
```
#96d4c8
```
#96d4c8 rgb(150,212,200)
```
#a8dcd2
```
#a8dcd2 rgb(168,220,210)
```
#bae3db
```
#bae3db rgb(186,227,219)
```

Monochromatic Color

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

#84cdad
```
#84cdad rgb(132,205,173)
```
#84cdb3
```
#84cdb3 rgb(132,205,179)
```
#84cdb9
```
#84cdb9 rgb(132,205,185)
```
#84cdbf
```
#84cdbf rgb(132,205,191)
```
#84cdc5
```
#84cdc5 rgb(132,205,197)
```
#84cdcb
```
#84cdcb rgb(132,205,203)
```
#84c9cd
```
#84c9cd rgb(132,201,205)
```

Similar Colors

Text with hexadecimal color #84cdbf

This text has a font color of #84cdbf.

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

#84cdbf background color

This paragraph has a background color of #84cdbf.

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

#84cdbf border color

This element has a border color of #84cdbf.

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

CSS codes

.text {color:#84cdbf;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#07100f
```
#07100f rgb(7,16,15)
```
#0c1e1b
```
#0c1e1b rgb(12,30,27)
```
#122c27
```
#122c27 rgb(18,44,39)
```
#183a34
```
#183a34 rgb(24,58,52)
```
#1d4840
```
#1d4840 rgb(29,72,64)
```
#23564c
```
#23564c rgb(35,86,76)
```
#296459
```
#296459 rgb(41,100,89)
```
#2e7265
```
#2e7265 rgb(46,114,101)
```
#348071
```
#348071 rgb(52,128,113)
```
#3a8e7e
```
#3a8e7e rgb(58,142,126)
```
#3f9c8a
```
#3f9c8a rgb(63,156,138)
```
#45aa97
```
#45aa97 rgb(69,170,151)
```

Shade Color Variation

#4cb6a2
```
#4cb6a2 rgb(76,182,162)
```
#5abca9
```
#5abca9 rgb(90,188,169)
```
#68c2b0
```
#68c2b0 rgb(104,194,176)
```
#76c7b8
```
#76c7b8 rgb(118,199,184)
```
#84cdbf
```
#84cdbf rgb(132,205,191)
```
#92d3c6
```
#92d3c6 rgb(146,211,198)
```
#a0d8ce
```
#a0d8ce rgb(160,216,206)
```
#aeded5
```
#aeded5 rgb(174,222,213)
```
#bce4dc
```
#bce4dc rgb(188,228,220)
```
#cae9e3
```
#cae9e3 rgb(202,233,227)
```
#d8efeb
```
#d8efeb rgb(216,239,235)
```
#e6f5f2
```
#e6f5f2 rgb(230,245,242)
```
#f4faf9
```
#f4faf9 rgb(244,250,249)
```

Tint Color Variation

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

#a5acaa
```
#a5acaa rgb(165,172,170)
```
#9fb2af
```
#9fb2af rgb(159,178,175)
```
#98b9b3
```
#98b9b3 rgb(152,185,179)
```
#91c0b7
```
#91c0b7 rgb(145,192,183)
```
#8bc6bb
```
#8bc6bb rgb(139,198,187)
```
#84cdbf
```
#84cdbf rgb(132,205,191)
```
#7dd4c3
```
#7dd4c3 rgb(125,212,195)
```
#77dac7
```
#77dac7 rgb(119,218,199)
```
#70e1cb
```
#70e1cb rgb(112,225,203)
```
#69e8cf
```
#69e8cf rgb(105,232,207)
```
#63eed4
```
#63eed4 rgb(99,238,212)
```
#5cf5d8
```
#5cf5d8 rgb(92,245,216)
```
#55fcdc
```
#55fcdc rgb(85,252,220)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#acbbb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c1bb Protanopia 1% of men
#d1bdc8 Deuteranopia 1% of men
#91cbda Tritanopia 0.001% of the population

Trichromacy

#afc5bc Protanomaly 1% of men, 0.01% of women
#b5c2c5 Deuteranomaly 6% of men, 0.4% of women
#8cccd0 Tritanomaly 0.01% of the population

#84cdbf hex color

#84cdbf Color Information

#84cdbf Color Conversion

Color Schemes with #84cdbf

Alternatives to #84cdbf

#84cdbf Preview

Shades and Tints of #84cdbf

Tones of #84cdbf

Color Blindness Simulator