#84c1fa hex color

In a RGB color space, hex #84c1fa is composed of 51.8% red, 75.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 22.8% magenta, 0% yellow and 2% black. It has a hue angle of 209 degrees, a saturation of 92.2% and a lightness of 74.9%. #84c1fa color hex could be obtained by blending #ffffff with #0983f5. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 52
- G 76
- B 98
RGB color chart
- C 47
- M 23
- Y 0
- K 2
CMYK color chart

● #84c1fa color description : Soft blue.

The hexadecimal color #84c1fa has RGB values of R:132, G:193, B:250 and CMYK values of C:0.47, M:0.23, Y:0, K:0.02. Its decimal value is 8700410.

Hex triplet	84c1fa	`#84c1fa`
RGB Decimal	132, 193, 250	`rgb(132,193,250)`
RGB Percent	51.8, 75.7, 98	`rgb(51.8%,75.7%,98%)`
CMYK	47, 23, 0, 2
HSL	209°, 92.2, 74.9	`hsl(209,92.2%,74.9%)`
HSV (or HSB)	209°, 47.2, 98
Web Safe	99ccff	`#99ccff`

CIE-LAB	76.036, -4.606, -34.197
XYZ	45.837, 49.945, 97.662
xyY	0.237, 0.258, 49.945
CIE-LCH	76.036, 34.506, 262.329
CIE-LUV	76.036, -28.984, -54.551
Hunter-Lab	70.672, -7.903, -32.463
Binary	10000100, 11000001, 11111010

#84c1fa
```
#84c1fa rgb(132,193,250)
```
#fabd84
```
#fabd84 rgb(250,189,132)
```

Complementary Color

#84faf8
```
#84faf8 rgb(132,250,248)
```
#84c1fa
```
#84c1fa rgb(132,193,250)
```
#8486fa
```
#8486fa rgb(132,134,250)
```

Analogous Color

#faf884
```
#faf884 rgb(250,248,132)
```
#84c1fa
```
#84c1fa rgb(132,193,250)
```
#fa8486
```
#fa8486 rgb(250,132,134)
```

Split Complementary Color

#c1fa84
```
#c1fa84 rgb(193,250,132)
```
#84c1fa
```
#84c1fa rgb(132,193,250)
```
#fa84c1
```
#fa84c1 rgb(250,132,193)
```

Triadic Color

#84fabd
```
#84fabd rgb(132,250,189)
```
#84c1fa
```
#84c1fa rgb(132,193,250)
```
#fa84c1
```
#fa84c1 rgb(250,132,193)
```
#fabd84
```
#fabd84 rgb(250,189,132)
```

Tetradic Color

#3a9cf7
```
#3a9cf7 rgb(58,156,247)
```
#53a8f8
```
#53a8f8 rgb(83,168,248)
```
#6bb5f9
```
#6bb5f9 rgb(107,181,249)
```
#84c1fa
```
#84c1fa rgb(132,193,250)
```
#9dcdfb
```
#9dcdfb rgb(157,205,251)
```
#b5dafc
```
#b5dafc rgb(181,218,252)
```
#cee6fd
```
#cee6fd rgb(206,230,253)
```

Monochromatic Color

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

#84dffa
```
#84dffa rgb(132,223,250)
```
#84d5fa
```
#84d5fa rgb(132,213,250)
```
#84cbfa
```
#84cbfa rgb(132,203,250)
```
#84c1fa
```
#84c1fa rgb(132,193,250)
```
#84b7fa
```
#84b7fa rgb(132,183,250)
```
#84adfa
```
#84adfa rgb(132,173,250)
```
#84a4fa
```
#84a4fa rgb(132,164,250)
```

Similar Colors

Text with hexadecimal color #84c1fa

This text has a font color of #84c1fa.

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

#84c1fa background color

This paragraph has a background color of #84c1fa.

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

#84c1fa border color

This element has a border color of #84c1fa.

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

CSS codes

.text {color:#84c1fa;}

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

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

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

#000509
```
#000509 rgb(0,5,9)
```
#010f1c
```
#010f1c rgb(1,15,28)
```
#02192f
```
#02192f rgb(2,25,47)
```
#032341
```
#032341 rgb(3,35,65)
```
#032d54
```
#032d54 rgb(3,45,84)
```
#043767
```
#043767 rgb(4,55,103)
```
#05417a
```
#05417a rgb(5,65,122)
```
#064c8d
```
#064c8d rgb(6,76,141)
```
#0656a0
```
#0656a0 rgb(6,86,160)
```
#0760b3
```
#0760b3 rgb(7,96,179)
```
#086ac5
```
#086ac5 rgb(8,106,197)
```
#0974d8
```
#0974d8 rgb(9,116,216)
```
#0a7eeb
```
#0a7eeb rgb(10,126,235)
```

Shade Color Variation

#1388f5
```
#1388f5 rgb(19,136,245)
```
#2691f6
```
#2691f6 rgb(38,145,246)
```
#399bf7
```
#399bf7 rgb(57,155,247)
```
#4ba4f8
```
#4ba4f8 rgb(75,164,248)
```
#5eaef8
```
#5eaef8 rgb(94,174,248)
```
#71b7f9
```
#71b7f9 rgb(113,183,249)
```
#84c1fa
```
#84c1fa rgb(132,193,250)
```
#97cbfb
```
#97cbfb rgb(151,203,251)
```
#aad4fc
```
#aad4fc rgb(170,212,252)
```
#bddefc
```
#bddefc rgb(189,222,252)
```
#cfe7fd
```
#cfe7fd rgb(207,231,253)
```
#e2f1fe
```
#e2f1fe rgb(226,241,254)
```
#f5faff
```
#f5faff rgb(245,250,255)
```

Tint Color Variation

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

#babfc4
```
#babfc4 rgb(186,191,196)
```
#b5bfc9
```
#b5bfc9 rgb(181,191,201)
```
#b0bfce
```
#b0bfce rgb(176,191,206)
```
#abc0d3
```
#abc0d3 rgb(171,192,211)
```
#a6c0d8
```
#a6c0d8 rgb(166,192,216)
```
#a2c0dc
```
#a2c0dc rgb(162,192,220)
```
#9dc0e1
```
#9dc0e1 rgb(157,192,225)
```
#98c0e6
```
#98c0e6 rgb(152,192,230)
```
#93c0eb
```
#93c0eb rgb(147,192,235)
```
#8ec1f0
```
#8ec1f0 rgb(142,193,240)
```
#89c1f5
```
#89c1f5 rgb(137,193,245)
```
#84c1fa
```
#84c1fa rgb(132,193,250)
```
#7fc1ff
```
#7fc1ff rgb(127,193,255)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#abb7c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aebcf5 Protanopia 1% of men
#aabcfd Deuteranopia 1% of men
#7dcad9 Tritanopia 0.001% of the population

Trichromacy

#9fbef7 Protanomaly 1% of men, 0.01% of women
#9cbefb Deuteranomaly 6% of men, 0.4% of women
#7fc7e5 Tritanomaly 0.01% of the population

#84c1fa hex color

#84c1fa Color Information

#84c1fa Color Conversion

Color Schemes with #84c1fa

Alternatives to #84c1fa

#84c1fa Preview

Shades and Tints of #84c1fa

Tones of #84c1fa

Color Blindness Simulator