#84bddf hex color

In a RGB color space, hex #84bddf is composed of 51.8% red, 74.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 40.8% cyan, 15.2% magenta, 0% yellow and 12.5% black. It has a hue angle of 202.4 degrees, a saturation of 58.7% and a lightness of 69.6%. #84bddf color hex could be obtained by blending #ffffff with #097bbf. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 52
- G 74
- B 87
RGB color chart
- C 41
- M 15
- Y 0
- K 13
CMYK color chart

● #84bddf color description : Very soft blue.

The hexadecimal color #84bddf has RGB values of R:132, G:189, B:223 and CMYK values of C:0.41, M:0.15, Y:0, K:0.13. Its decimal value is 8699359.

Hex triplet	84bddf	`#84bddf`
RGB Decimal	132, 189, 223	`rgb(132,189,223)`
RGB Percent	51.8, 74.1, 87.5	`rgb(51.8%,74.1%,87.5%)`
CMYK	41, 15, 0, 13
HSL	202.4°, 58.7, 69.6	`hsl(202.4,58.7%,69.6%)`
HSV (or HSB)	202.4°, 40.8, 87.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	73.95, -9.835, -22.826
XYZ	41.029, 46.627, 76.646
xyY	0.25, 0.284, 46.627
CIE-LCH	73.95, 24.854, 246.69
CIE-LUV	73.95, -27.6, -34.495
Hunter-Lab	68.284, -12.241, -18.752
Binary	10000100, 10111101, 11011111

#84bddf
```
#84bddf rgb(132,189,223)
```
#dfa684
```
#dfa684 rgb(223,166,132)
```

Complementary Color

#84dfd4
```
#84dfd4 rgb(132,223,212)
```
#84bddf
```
#84bddf rgb(132,189,223)
```
#8490df
```
#8490df rgb(132,144,223)
```

Analogous Color

#dfd484
```
#dfd484 rgb(223,212,132)
```
#84bddf
```
#84bddf rgb(132,189,223)
```
#df8490
```
#df8490 rgb(223,132,144)
```

Split Complementary Color

#bddf84
```
#bddf84 rgb(189,223,132)
```
#84bddf
```
#84bddf rgb(132,189,223)
```
#df84bd
```
#df84bd rgb(223,132,189)
```

Triadic Color

#84dfa6
```
#84dfa6 rgb(132,223,166)
```
#84bddf
```
#84bddf rgb(132,189,223)
```
#df84bd
```
#df84bd rgb(223,132,189)
```
#dfa684
```
#dfa684 rgb(223,166,132)
```

Tetradic Color

#479ccf
```
#479ccf rgb(71,156,207)
```
#5ca7d4
```
#5ca7d4 rgb(92,167,212)
```
#70b2da
```
#70b2da rgb(112,178,218)
```
#84bddf
```
#84bddf rgb(132,189,223)
```
#98c8e4
```
#98c8e4 rgb(152,200,228)
```
#acd3ea
```
#acd3ea rgb(172,211,234)
```
#c1deef
```
#c1deef rgb(193,222,239)
```

Monochromatic Color

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

#84d4df
```
#84d4df rgb(132,212,223)
```
#84ccdf
```
#84ccdf rgb(132,204,223)
```
#84c5df
```
#84c5df rgb(132,197,223)
```
#84bddf
```
#84bddf rgb(132,189,223)
```
#84b5df
```
#84b5df rgb(132,181,223)
```
#84aedf
```
#84aedf rgb(132,174,223)
```
#84a6df
```
#84a6df rgb(132,166,223)
```

Similar Colors

Text with hexadecimal color #84bddf

This text has a font color of #84bddf.

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

#84bddf background color

This paragraph has a background color of #84bddf.

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

#84bddf border color

This element has a border color of #84bddf.

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

CSS codes

.text {color:#84bddf;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040c11
```
#040c11 rgb(4,12,17)
```
#081821
```
#081821 rgb(8,24,33)
```
#0d2330
```
#0d2330 rgb(13,35,48)
```
#112e40
```
#112e40 rgb(17,46,64)
```
#15394f
```
#15394f rgb(21,57,79)
```
#19455f
```
#19455f rgb(25,69,95)
```
#1d506e
```
#1d506e rgb(29,80,110)
```
#215b7e
```
#215b7e rgb(33,91,126)
```
#25668e
```
#25668e rgb(37,102,142)
```
#29729d
```
#29729d rgb(41,114,157)
```
#2d7dad
```
#2d7dad rgb(45,125,173)
```
#3188bc
```
#3188bc rgb(49,136,188)
```

Shade Color Variation

#3693cb
```
#3693cb rgb(54,147,203)
```
#469ccf
```
#469ccf rgb(70,156,207)
```
#55a4d3
```
#55a4d3 rgb(85,164,211)
```
#65acd7
```
#65acd7 rgb(101,172,215)
```
#74b5db
```
#74b5db rgb(116,181,219)
```
#84bddf
```
#84bddf rgb(132,189,223)
```
#94c5e3
```
#94c5e3 rgb(148,197,227)
```
#a3cee7
```
#a3cee7 rgb(163,206,231)
```
#b3d6eb
```
#b3d6eb rgb(179,214,235)
```
#c2deef
```
#c2deef rgb(194,222,239)
```
#d2e7f3
```
#d2e7f3 rgb(210,231,243)
```
#e1eff7
```
#e1eff7 rgb(225,239,247)
```
#f1f7fb
```
#f1f7fb rgb(241,247,251)
```

Tint Color Variation

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

#aeb2b5
```
#aeb2b5 rgb(174,178,181)
```
#a8b4bb
```
#a8b4bb rgb(168,180,187)
```
#a2b5c1
```
#a2b5c1 rgb(162,181,193)
```
#9cb7c7
```
#9cb7c7 rgb(156,183,199)
```
#96b8cd
```
#96b8cd rgb(150,184,205)
```
#90bad3
```
#90bad3 rgb(144,186,211)
```
#8abbd9
```
#8abbd9 rgb(138,187,217)
```
#84bddf
```
#84bddf rgb(132,189,223)
```
#7ebfe5
```
#7ebfe5 rgb(126,191,229)
```
#78c0eb
```
#78c0eb rgb(120,192,235)
```
#72c2f1
```
#72c2f1 rgb(114,194,241)
```
#6cc3f7
```
#6cc3f7 rgb(108,195,247)
```
#66c5fd
```
#66c5fd rgb(102,197,253)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#a7b3b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b8db Protanopia 1% of men
#b3b6e4 Deuteranopia 1% of men
#85c3d1 Tritanopia 0.001% of the population

Trichromacy

#a0b9dc Protanomaly 1% of men, 0.01% of women
#a2b8e2 Deuteranomaly 6% of men, 0.4% of women
#84c0d6 Tritanomaly 0.01% of the population

#84bddf hex color

#84bddf Color Information

#84bddf Color Conversion

Color Schemes with #84bddf

Alternatives to #84bddf

#84bddf Preview

Shades and Tints of #84bddf

Tones of #84bddf

Color Blindness Simulator