#84bdfd hex color

In a RGB color space, hex #84bdfd is composed of 51.8% red, 74.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 25.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 211.7 degrees, a saturation of 96.8% and a lightness of 75.5%. #84bdfd color hex could be obtained by blending #ffffff with #097bfb. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 52
- G 74
- B 99
RGB color chart
- C 48
- M 25
- Y 0
- K 1
CMYK color chart

● #84bdfd color description : Soft blue.

The hexadecimal color #84bdfd has RGB values of R:132, G:189, B:253 and CMYK values of C:0.48, M:0.25, Y:0, K:0.01. Its decimal value is 8699389.

Hex triplet	84bdfd	`#84bdfd`
RGB Decimal	132, 189, 253	`rgb(132,189,253)`
RGB Percent	51.8, 74.1, 99.2	`rgb(51.8%,74.1%,99.2%)`
CMYK	48, 25, 0, 1
HSL	211.7°, 96.8, 75.5	`hsl(211.7,96.8%,75.5%)`
HSV (or HSB)	211.7°, 47.8, 99.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	75.07, -1.584, -37.303
XYZ	45.439, 48.39, 99.869
xyY	0.235, 0.25, 48.39
CIE-LCH	75.07, 37.337, 267.568
CIE-LUV	75.07, -27.44, -60.172
Hunter-Lab	69.563, -5.139, -36.426
Binary	10000100, 10111101, 11111101

#84bdfd
```
#84bdfd rgb(132,189,253)
```
#fdc484
```
#fdc484 rgb(253,196,132)
```

Complementary Color

#84fafd
```
#84fafd rgb(132,250,253)
```
#84bdfd
```
#84bdfd rgb(132,189,253)
```
#8884fd
```
#8884fd rgb(136,132,253)
```

Analogous Color

#fafd84
```
#fafd84 rgb(250,253,132)
```
#84bdfd
```
#84bdfd rgb(132,189,253)
```
#fd8884
```
#fd8884 rgb(253,136,132)
```

Split Complementary Color

#bdfd84
```
#bdfd84 rgb(189,253,132)
```
#84bdfd
```
#84bdfd rgb(132,189,253)
```
#fd84bd
```
#fd84bd rgb(253,132,189)
```

Triadic Color

#84fdc4
```
#84fdc4 rgb(132,253,196)
```
#84bdfd
```
#84bdfd rgb(132,189,253)
```
#fd84bd
```
#fd84bd rgb(253,132,189)
```
#fdc484
```
#fdc484 rgb(253,196,132)
```

Tetradic Color

#3995fc
```
#3995fc rgb(57,149,252)
```
#52a2fc
```
#52a2fc rgb(82,162,252)
```
#6bb0fd
```
#6bb0fd rgb(107,176,253)
```
#84bdfd
```
#84bdfd rgb(132,189,253)
```
#9dcafd
```
#9dcafd rgb(157,202,253)
```
#b6d8fe
```
#b6d8fe rgb(182,216,254)
```
#cfe5fe
```
#cfe5fe rgb(207,229,254)
```

Monochromatic Color

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

#84dbfd
```
#84dbfd rgb(132,219,253)
```
#84d1fd
```
#84d1fd rgb(132,209,253)
```
#84c7fd
```
#84c7fd rgb(132,199,253)
```
#84bdfd
```
#84bdfd rgb(132,189,253)
```
#84b3fd
```
#84b3fd rgb(132,179,253)
```
#84a9fd
```
#84a9fd rgb(132,169,253)
```
#849ffd
```
#849ffd rgb(132,159,253)
```

Similar Colors

Text with hexadecimal color #84bdfd

This text has a font color of #84bdfd.

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

#84bdfd background color

This paragraph has a background color of #84bdfd.

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

#84bdfd border color

This element has a border color of #84bdfd.

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

CSS codes

.text {color:#84bdfd;}

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

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

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, #00060c is the darkest color, while #f8fbff is the lightest one.

#00060c
```
#00060c rgb(0,6,12)
```
#010f1f
```
#010f1f rgb(1,15,31)
```
#011833
```
#011833 rgb(1,24,51)
```
#012246
```
#012246 rgb(1,34,70)
```
#012b59
```
#012b59 rgb(1,43,89)
```
#02346d
```
#02346d rgb(2,52,109)
```
#023d80
```
#023d80 rgb(2,61,128)
```
#024793
```
#024793 rgb(2,71,147)
```
#0350a7
```
#0350a7 rgb(3,80,167)
```
#0359ba
```
#0359ba rgb(3,89,186)
```
#0362cd
```
#0362cd rgb(3,98,205)
```
#046ce0
```
#046ce0 rgb(4,108,224)
```
#0475f4
```
#0475f4 rgb(4,117,244)
```

Shade Color Variation

#107ffb
```
#107ffb rgb(16,127,251)
```
#2389fb
```
#2389fb rgb(35,137,251)
```
#3794fc
```
#3794fc rgb(55,148,252)
```
#4a9efc
```
#4a9efc rgb(74,158,252)
```
#5da8fc
```
#5da8fc rgb(93,168,252)
```
#71b3fd
```
#71b3fd rgb(113,179,253)
```
#84bdfd
```
#84bdfd rgb(132,189,253)
```
#97c7fd
```
#97c7fd rgb(151,199,253)
```
#abd2fe
```
#abd2fe rgb(171,210,254)
```
#bedcfe
```
#bedcfe rgb(190,220,254)
```
#d1e6fe
```
#d1e6fe rgb(209,230,254)
```
#e5f1ff
```
#e5f1ff rgb(229,241,255)
```
#f8fbff
```
#f8fbff rgb(248,251,255)
```

Tint Color Variation

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

#bec0c3
```
#bec0c3 rgb(190,192,195)
```
#b9c0c8
```
#b9c0c8 rgb(185,192,200)
```
#b4c0cd
```
#b4c0cd rgb(180,192,205)
```
#afc0d2
```
#afc0d2 rgb(175,192,210)
```
#aabfd7
```
#aabfd7 rgb(170,191,215)
```
#a6bfdb
```
#a6bfdb rgb(166,191,219)
```
#a1bfe0
```
#a1bfe0 rgb(161,191,224)
```
#9cbee5
```
#9cbee5 rgb(156,190,229)
```
#97beea
```
#97beea rgb(151,190,234)
```
#92beef
```
#92beef rgb(146,190,239)
```
#8ebef3
```
#8ebef3 rgb(142,190,243)
```
#89bdf8
```
#89bdf8 rgb(137,189,248)
```
#84bdfd
```
#84bdfd rgb(132,189,253)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#aab5c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9baf8 Protanopia 1% of men
#a4baff Deuteranopia 1% of men
#7bc7d6 Tritanopia 0.001% of the population

Trichromacy

#9bbbfa Protanomaly 1% of men, 0.01% of women
#98bbfe Deuteranomaly 6% of men, 0.4% of women
#7ec3e4 Tritanomaly 0.01% of the population

#84bdfd hex color

#84bdfd Color Information

#84bdfd Color Conversion

Color Schemes with #84bdfd

Alternatives to #84bdfd

#84bdfd Preview

Shades and Tints of #84bdfd

Tones of #84bdfd

Color Blindness Simulator