#84bcfe hex color

In a RGB color space, hex #84bcfe is composed of 51.8% red, 73.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 26% magenta, 0% yellow and 0.4% black. It has a hue angle of 212.5 degrees, a saturation of 98.4% and a lightness of 75.7%. #84bcfe color hex could be obtained by blending #ffffff with #0979fd. Closest websafe color is: #99ccff.

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

● #84bcfe color description : Soft blue.

The hexadecimal color #84bcfe has RGB values of R:132, G:188, B:254 and CMYK values of C:0.48, M:0.26, Y:0, K:0. Its decimal value is 8699134.

Hex triplet	84bcfe	`#84bcfe`
RGB Decimal	132, 188, 254	`rgb(132,188,254)`
RGB Percent	51.8, 73.7, 99.6	`rgb(51.8%,73.7%,99.6%)`
CMYK	48, 26, 0, 0
HSL	212.5°, 98.4, 75.7	`hsl(212.5,98.4%,75.7%)`
HSV (or HSB)	212.5°, 48, 99.6
Web Safe	99ccff	`#99ccff`

CIE-LAB	74.841, -0.752, -38.197
XYZ	45.384, 48.025, 100.639
xyY	0.234, 0.247, 48.025
CIE-LCH	74.841, 38.204, 268.872
CIE-LUV	74.841, -27.058, -61.788
Hunter-Lab	69.3, -4.378, -37.591
Binary	10000100, 10111100, 11111110

#84bcfe
```
#84bcfe rgb(132,188,254)
```
#fec684
```
#fec684 rgb(254,198,132)
```

Complementary Color

#84f9fe
```
#84f9fe rgb(132,249,254)
```
#84bcfe
```
#84bcfe rgb(132,188,254)
```
#8984fe
```
#8984fe rgb(137,132,254)
```

Analogous Color

#f9fe84
```
#f9fe84 rgb(249,254,132)
```
#84bcfe
```
#84bcfe rgb(132,188,254)
```
#fe8984
```
#fe8984 rgb(254,137,132)
```

Split Complementary Color

#bcfe84
```
#bcfe84 rgb(188,254,132)
```
#84bcfe
```
#84bcfe rgb(132,188,254)
```
#fe84bc
```
#fe84bc rgb(254,132,188)
```

Triadic Color

#84fec6
```
#84fec6 rgb(132,254,198)
```
#84bcfe
```
#84bcfe rgb(132,188,254)
```
#fe84bc
```
#fe84bc rgb(254,132,188)
```
#fec684
```
#fec684 rgb(254,198,132)
```

Tetradic Color

#3893fd
```
#3893fd rgb(56,147,253)
```
#51a0fe
```
#51a0fe rgb(81,160,254)
```
#6baefe
```
#6baefe rgb(107,174,254)
```
#84bcfe
```
#84bcfe rgb(132,188,254)
```
#9dcafe
```
#9dcafe rgb(157,202,254)
```
#b7d8fe
```
#b7d8fe rgb(183,216,254)
```
#d0e5ff
```
#d0e5ff rgb(208,229,255)
```

Monochromatic Color

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

#84dbfe
```
#84dbfe rgb(132,219,254)
```
#84d0fe
```
#84d0fe rgb(132,208,254)
```
#84c6fe
```
#84c6fe rgb(132,198,254)
```
#84bcfe
```
#84bcfe rgb(132,188,254)
```
#84b2fe
```
#84b2fe rgb(132,178,254)
```
#84a8fe
```
#84a8fe rgb(132,168,254)
```
#849efe
```
#849efe rgb(132,158,254)
```

Similar Colors

Text with hexadecimal color #84bcfe

This text has a font color of #84bcfe.

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

#84bcfe background color

This paragraph has a background color of #84bcfe.

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

#84bcfe border color

This element has a border color of #84bcfe.

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

CSS codes

.text {color:#84bcfe;}

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

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

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

#00060d
```
#00060d rgb(0,6,13)
```
#000f21
```
#000f21 rgb(0,15,33)
```
#001834
```
#001834 rgb(0,24,52)
```
#012148
```
#012148 rgb(1,33,72)
```
#012a5b
```
#012a5b rgb(1,42,91)
```
#01336e
```
#01336e rgb(1,51,110)
```
#013c82
```
#013c82 rgb(1,60,130)
```
#014595
```
#014595 rgb(1,69,149)
```
#014ea9
```
#014ea9 rgb(1,78,169)
```
#0257bc
```
#0257bc rgb(2,87,188)
```
#0260d0
```
#0260d0 rgb(2,96,208)
```
#0269e3
```
#0269e3 rgb(2,105,227)
```
#0272f7
```
#0272f7 rgb(2,114,247)
```

Shade Color Variation

#0f7cfd
```
#0f7cfd rgb(15,124,253)
```
#2387fd
```
#2387fd rgb(35,135,253)
```
#3692fd
```
#3692fd rgb(54,146,253)
```
#4a9cfe
```
#4a9cfe rgb(74,156,254)
```
#5da7fe
```
#5da7fe rgb(93,167,254)
```
#71b1fe
```
#71b1fe rgb(113,177,254)
```
#84bcfe
```
#84bcfe rgb(132,188,254)
```
#97c7fe
```
#97c7fe rgb(151,199,254)
```
#abd1fe
```
#abd1fe rgb(171,209,254)
```
#bedcfe
```
#bedcfe rgb(190,220,254)
```
#d2e6ff
```
#d2e6ff rgb(210,230,255)
```
#e5f1ff
```
#e5f1ff rgb(229,241,255)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

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

#bdc1c5
```
#bdc1c5 rgb(189,193,197)
```
#b8c0ca
```
#b8c0ca rgb(184,192,202)
```
#b4c0ce
```
#b4c0ce rgb(180,192,206)
```
#afc0d3
```
#afc0d3 rgb(175,192,211)
```
#aabfd8
```
#aabfd8 rgb(170,191,216)
```
#a5bfdd
```
#a5bfdd rgb(165,191,221)
```
#a1bee1
```
#a1bee1 rgb(161,190,225)
```
#9cbee6
```
#9cbee6 rgb(156,190,230)
```
#97beeb
```
#97beeb rgb(151,190,235)
```
#92bdf0
```
#92bdf0 rgb(146,189,240)
```
#8ebdf4
```
#8ebdf4 rgb(142,189,244)
```
#89bcf9
```
#89bcf9 rgb(137,188,249)
```
#84bcfe
```
#84bcfe rgb(132,188,254)
```

Tone Color Variation

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

#a7b9f9 Protanopia 1% of men
#a2baff Deuteranopia 1% of men
#7ac7d5 Tritanopia 0.001% of the population

Trichromacy

#9abafb Protanomaly 1% of men, 0.01% of women
#97bafe Deuteranomaly 6% of men, 0.4% of women
#7dc3e4 Tritanomaly 0.01% of the population

#84bcfe hex color

#84bcfe Color Information

#84bcfe Color Conversion

Color Schemes with #84bcfe

Alternatives to #84bcfe

#84bcfe Preview

Shades and Tints of #84bcfe

Tones of #84bcfe

Color Blindness Simulator