#84caf7 Color Information
In a RGB color space, hex #84caf7 is composed of 51.8% red, 79.2% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 46.6% cyan, 18.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 203.5 degrees, a saturation of 87.8% and a lightness of 74.3%. #84caf7 color hex could be obtained by blending #ffffff with #0995ef. Closest websafe color is: #99ccff.
-
- R 52
- G 79
- B 97
-
- C 47
- M 18
- Y 0
- K 3
● #84caf7 color description : Soft blue.
#84caf7 Color Conversion
The hexadecimal color #84caf7 has RGB values of R:132, G:202, B:247 and CMYK values of C:0.47, M:0.18, Y:0, K:0.03. Its decimal value is 8702711.
Hex triplet | 84caf7 | #84caf7 |
---|---|---|
RGB Decimal | 132, 202, 247 | rgb(132,202,247) |
RGB Percent | 51.8, 79.2, 96.9 | rgb(51.8%,79.2%,96.9%) |
CMYK | 47, 18, 0, 3 | |
HSL | 203.5°, 87.8, 74.3 | hsl(203.5,87.8%,74.3%) |
HSV (or HSB) | 203.5°, 46.6, 96.9 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 78.38, -10.245, -28.98 |
---|---|
XYZ | 47.421, 53.859, 95.888 |
xyY | 0.241, 0.273, 53.859 |
CIE-LCH | 78.38, 30.738, 250.53 |
CIE-LUV | 78.38, -32.488, -45.075 |
Hunter-Lab | 73.389, -13.092, -26.094 |
Binary | 10000100, 11001010, 11110111 |
Color Schemes with #84caf7
Alternatives to #84caf7
Below, you can see some colors close to #84caf7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#84caf7 Preview
This text has a font color of #84caf7.
<span style="color:#84caf7;">Text here</span>
This paragraph has a background color of #84caf7.
<p style="background-color:#84caf7;">Content here</p>
This element has a border color of #84caf7.
<div style="border:1px solid #84caf7;">Content here</div>
.text {color:#84caf7;}
.background {background-color:#84caf7;}
.border {border:1px solid #84caf7;}
Shades and Tints of #84caf7
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, #000406 is the darkest color, while #f3fafe is the lightest one.
-
#000406
#000406
rgb(0,4,6)
-
#020f18
#020f18
rgb(2,15,24)
-
#031b2b
#031b2b
rgb(3,27,43)
-
#04273d
#04273d
rgb(4,39,61)
-
#053250
#053250
rgb(5,50,80)
-
#063e62
#063e62
rgb(6,62,98)
-
#084a74
#084a74
rgb(8,74,116)
-
#095687
#095687
rgb(9,86,135)
-
#0a6199
#0a6199
rgb(10,97,153)
-
#0b6dac
#0b6dac
rgb(11,109,172)
-
#0c79be
#0c79be
rgb(12,121,190)
-
#0e84d1
#0e84d1
rgb(14,132,209)
-
#0f90e3
#0f90e3
rgb(15,144,227)
-
#159af0
#159af0
rgb(21,154,240)
-
#28a2f1
#28a2f1
rgb(40,162,241)
-
#3aaaf2
#3aaaf2
rgb(58,170,242)
-
#4db2f3
#4db2f3
rgb(77,178,243)
-
#5fbaf5
#5fbaf5
rgb(95,186,245)
-
#72c2f6
#72c2f6
rgb(114,194,246)
-
#84caf7
#84caf7
rgb(132,202,247)
-
#96d2f8
#96d2f8
rgb(150,210,248)
-
#a9daf9
#a9daf9
rgb(169,218,249)
-
#bbe2fb
#bbe2fb
rgb(187,226,251)
-
#ceeafc
#ceeafc
rgb(206,234,252)
-
#e0f2fd
#e0f2fd
rgb(224,242,253)
-
#f3fafe
#f3fafe
rgb(243,250,254)
Tones of #84caf7
A tone is produced by adding gray to any pure hue. In this case, #bbbec0 is the less saturated color, while #7fcbfc is the most saturated one.
-
#bbbec0
#bbbec0
rgb(187,190,192)
-
#b6bfc5
#b6bfc5
rgb(182,191,197)
-
#b1c0ca
#b1c0ca
rgb(177,192,202)
-
#acc1cf
#acc1cf
rgb(172,193,207)
-
#a7c2d4
#a7c2d4
rgb(167,194,212)
-
#a2c3d9
#a2c3d9
rgb(162,195,217)
-
#9dc5de
#9dc5de
rgb(157,197,222)
-
#98c6e3
#98c6e3
rgb(152,198,227)
-
#93c7e8
#93c7e8
rgb(147,199,232)
-
#8ec8ed
#8ec8ed
rgb(142,200,237)
-
#89c9f2
#89c9f2
rgb(137,201,242)
-
#84caf7
#84caf7
rgb(132,202,247)
-
#7fcbfc
#7fcbfc
rgb(127,203,252)
Color Blindness Simulator
Below, you can see how #84caf7 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.