#84bfd1 hex color

In a RGB color space, hex #84bfd1 is composed of 51.8% red, 74.9% green and 82% blue. Whereas in a CMYK color space, it is composed of 36.8% cyan, 8.6% magenta, 0% yellow and 18% black. It has a hue angle of 194 degrees, a saturation of 45.6% and a lightness of 66.9%. #84bfd1 color hex could be obtained by blending #ffffff with #097fa3. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 52
- G 75
- B 82
RGB color chart
- C 37
- M 9
- Y 0
- K 18
CMYK color chart

● #84bfd1 color description : Slightly desaturated cyan.

The hexadecimal color #84bfd1 has RGB values of R:132, G:191, B:209 and CMYK values of C:0.37, M:0.09, Y:0, K:0.18. Its decimal value is 8699857.

Hex triplet	84bfd1	`#84bfd1`
RGB Decimal	132, 191, 209	`rgb(132,191,209)`
RGB Percent	51.8, 74.9, 82	`rgb(51.8%,74.9%,82%)`
CMYK	37, 9, 0, 18
HSL	194°, 45.6, 66.9	`hsl(194,45.6%,66.9%)`
HSV (or HSB)	194°, 36.8, 82
Web Safe	99cccc	`#99cccc`

CIE-LAB	74.042, -14.505, -15.084
XYZ	39.652, 46.769, 67.256
xyY	0.258, 0.304, 46.769
CIE-LCH	74.042, 20.927, 226.122
CIE-LUV	74.042, -28.525, -21.13
Hunter-Lab	68.388, -16.181, -10.437
Binary	10000100, 10111111, 11010001

#84bfd1
```
#84bfd1 rgb(132,191,209)
```
#d19684
```
#d19684 rgb(209,150,132)
```

Complementary Color

#84d1bd
```
#84d1bd rgb(132,209,189)
```
#84bfd1
```
#84bfd1 rgb(132,191,209)
```
#8499d1
```
#8499d1 rgb(132,153,209)
```

Analogous Color

#d1bd84
```
#d1bd84 rgb(209,189,132)
```
#84bfd1
```
#84bfd1 rgb(132,191,209)
```
#d18499
```
#d18499 rgb(209,132,153)
```

Split Complementary Color

#bfd184
```
#bfd184 rgb(191,209,132)
```
#84bfd1
```
#84bfd1 rgb(132,191,209)
```
#d184bf
```
#d184bf rgb(209,132,191)
```

Triadic Color

#84d196
```
#84d196 rgb(132,209,150)
```
#84bfd1
```
#84bfd1 rgb(132,191,209)
```
#d184bf
```
#d184bf rgb(209,132,191)
```
#d19684
```
#d19684 rgb(209,150,132)
```

Tetradic Color

#4ca2bc
```
#4ca2bc rgb(76,162,188)
```
#5facc3
```
#5facc3 rgb(95,172,195)
```
#71b5ca
```
#71b5ca rgb(113,181,202)
```
#84bfd1
```
#84bfd1 rgb(132,191,209)
```
#97c9d8
```
#97c9d8 rgb(151,201,216)
```
#a9d2df
```
#a9d2df rgb(169,210,223)
```
#bcdce6
```
#bcdce6 rgb(188,220,230)
```

Monochromatic Color

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

#84d1d0
```
#84d1d0 rgb(132,209,208)
```
#84ccd1
```
#84ccd1 rgb(132,204,209)
```
#84c5d1
```
#84c5d1 rgb(132,197,209)
```
#84bfd1
```
#84bfd1 rgb(132,191,209)
```
#84b9d1
```
#84b9d1 rgb(132,185,209)
```
#84b2d1
```
#84b2d1 rgb(132,178,209)
```
#84acd1
```
#84acd1 rgb(132,172,209)
```

Similar Colors

Text with hexadecimal color #84bfd1

This text has a font color of #84bfd1.

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

#84bfd1 background color

This paragraph has a background color of #84bfd1.

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

#84bfd1 border color

This element has a border color of #84bfd1.

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

CSS codes

.text {color:#84bfd1;}

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

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

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

#020505
```
#020505 rgb(2,5,5)
```
#071114
```
#071114 rgb(7,17,20)
```
#0d1d22
```
#0d1d22 rgb(13,29,34)
```
#122930
```
#122930 rgb(18,41,48)
```
#17353f
```
#17353f rgb(23,53,63)
```
#1d424d
```
#1d424d rgb(29,66,77)
```
#224e5b
```
#224e5b rgb(34,78,91)
```
#275a69
```
#275a69 rgb(39,90,105)
```
#2d6678
```
#2d6678 rgb(45,102,120)
```
#327286
```
#327286 rgb(50,114,134)
```
#377f94
```
#377f94 rgb(55,127,148)
```
#3d8ba3
```
#3d8ba3 rgb(61,139,163)
```
#4297b1
```
#4297b1 rgb(66,151,177)
```

Shade Color Variation

#4ba1bc
```
#4ba1bc rgb(75,161,188)
```
#59a9c1
```
#59a9c1 rgb(89,169,193)
```
#67b0c6
```
#67b0c6 rgb(103,176,198)
```
#76b8cc
```
#76b8cc rgb(118,184,204)
```
#84bfd1
```
#84bfd1 rgb(132,191,209)
```
#92c6d6
```
#92c6d6 rgb(146,198,214)
```
#a1cedc
```
#a1cedc rgb(161,206,220)
```
#afd5e1
```
#afd5e1 rgb(175,213,225)
```
#bddde6
```
#bddde6 rgb(189,221,230)
```
#cbe4ec
```
#cbe4ec rgb(203,228,236)
```
#daecf1
```
#daecf1 rgb(218,236,241)
```
#e8f3f6
```
#e8f3f6 rgb(232,243,246)
```
#f6fafc
```
#f6fafc rgb(246,250,252)
```

Tint Color Variation

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

#a5aeb1
```
#a5aeb1 rgb(165,174,177)
```
#9eb1b7
```
#9eb1b7 rgb(158,177,183)
```
#98b5be
```
#98b5be rgb(152,181,190)
```
#91b8c4
```
#91b8c4 rgb(145,184,196)
```
#8bbccb
```
#8bbccb rgb(139,188,203)
```
#84bfd1
```
#84bfd1 rgb(132,191,209)
```
#7ec2d8
```
#7ec2d8 rgb(126,194,216)
```
#77c6de
```
#77c6de rgb(119,198,222)
```
#71c9e5
```
#71c9e5 rgb(113,201,229)
```
#6acdeb
```
#6acdeb rgb(106,205,235)
```
#64d0f2
```
#64d0f2 rgb(100,208,242)
```
#5dd4f8
```
#5dd4f8 rgb(93,212,248)
```
#57d7ff
```
#57d7ff rgb(87,215,255)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#a6b2b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b8cd Protanopia 1% of men
#bbb5d7 Deuteranopia 1% of men
#89c2d0 Tritanopia 0.001% of the population

Trichromacy

#a4bace Protanomaly 1% of men, 0.01% of women
#a7b9d5 Deuteranomaly 6% of men, 0.4% of women
#87c1d0 Tritanomaly 0.01% of the population

#84bfd1 hex color

#84bfd1 Color Information

#84bfd1 Color Conversion

Color Schemes with #84bfd1

Alternatives to #84bfd1

#84bfd1 Preview

Shades and Tints of #84bfd1

Tones of #84bfd1

Color Blindness Simulator