#84caf8 Color Information
In a RGB color space, hex #84caf8 is composed of 51.8% red, 79.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 46.8% cyan, 18.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 203.8 degrees, a saturation of 89.2% and a lightness of 74.5%. #84caf8 color hex could be obtained by blending #ffffff with #0995f1. Closest websafe color is: #99ccff.
-
- R 52
- G 79
- B 97
-
- C 47
- M 19
- Y 0
- K 3
● #84caf8 color description : Soft blue.
#84caf8 Color Conversion
The hexadecimal color #84caf8 has RGB values of R:132, G:202, B:248 and CMYK values of C:0.47, M:0.19, Y:0, K:0.03. Its decimal value is 8702712.
Hex triplet | 84caf8 | #84caf8 |
---|---|---|
RGB Decimal | 132, 202, 248 | rgb(132,202,248) |
RGB Percent | 51.8, 79.2, 97.3 | rgb(51.8%,79.2%,97.3%) |
CMYK | 47, 19, 0, 3 | |
HSL | 203.8°, 89.2, 74.5 | hsl(203.8,89.2%,74.5%) |
HSV (or HSB) | 203.8°, 46.8, 97.3 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 78.416, -9.97, -29.46 |
---|---|
XYZ | 47.575, 53.921, 96.703 |
xyY | 0.24, 0.272, 53.921 |
CIE-LCH | 78.416, 31.101, 251.302 |
CIE-LUV | 78.416, -32.474, -45.931 |
Hunter-Lab | 73.431, -12.856, -26.678 |
Binary | 10000100, 11001010, 11111000 |
Color Schemes with #84caf8
Alternatives to #84caf8
Below, you can see some colors close to #84caf8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#84caf8 Preview
This text has a font color of #84caf8.
<span style="color:#84caf8;">Text here</span>
This paragraph has a background color of #84caf8.
<p style="background-color:#84caf8;">Content here</p>
This element has a border color of #84caf8.
<div style="border:1px solid #84caf8;">Content here</div>
.text {color:#84caf8;}
.background {background-color:#84caf8;}
.border {border:1px solid #84caf8;}
Shades and Tints of #84caf8
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, #000407 is the darkest color, while #f3fafe is the lightest one.
-
#000407
#000407
rgb(0,4,7)
-
#011019
#011019
rgb(1,16,25)
-
#031c2c
#031c2c
rgb(3,28,44)
-
#04273f
#04273f
rgb(4,39,63)
-
#053351
#053351
rgb(5,51,81)
-
#063e64
#063e64
rgb(6,62,100)
-
#074a76
#074a76
rgb(7,74,118)
-
#085689
#085689
rgb(8,86,137)
-
#09619b
#09619b
rgb(9,97,155)
-
#0a6dae
#0a6dae
rgb(10,109,174)
-
#0b79c1
#0b79c1
rgb(11,121,193)
-
#0c84d3
#0c84d3
rgb(12,132,211)
-
#0d90e6
#0d90e6
rgb(13,144,230)
-
#159af2
#159af2
rgb(21,154,242)
-
#27a2f3
#27a2f3
rgb(39,162,243)
-
#3aaaf4
#3aaaf4
rgb(58,170,244)
-
#4cb2f5
#4cb2f5
rgb(76,178,245)
-
#5fbaf6
#5fbaf6
rgb(95,186,246)
-
#71c2f7
#71c2f7
rgb(113,194,247)
-
#84caf8
#84caf8
rgb(132,202,248)
-
#97d2f9
#97d2f9
rgb(151,210,249)
-
#a9dafa
#a9dafa
rgb(169,218,250)
-
#bce2fb
#bce2fb
rgb(188,226,251)
-
#ceeafc
#ceeafc
rgb(206,234,252)
-
#e1f2fd
#e1f2fd
rgb(225,242,253)
-
#f3fafe
#f3fafe
rgb(243,250,254)
Tones of #84caf8
A tone is produced by adding gray to any pure hue. In this case, #bbbfc1 is the less saturated color, while #7fcbfd is the most saturated one.
-
#bbbfc1
#bbbfc1
rgb(187,191,193)
-
#b6c0c6
#b6c0c6
rgb(182,192,198)
-
#b1c1cb
#b1c1cb
rgb(177,193,203)
-
#acc2d0
#acc2d0
rgb(172,194,208)
-
#a7c3d5
#a7c3d5
rgb(167,195,213)
-
#a2c4da
#a2c4da
rgb(162,196,218)
-
#9dc5df
#9dc5df
rgb(157,197,223)
-
#98c6e4
#98c6e4
rgb(152,198,228)
-
#93c7e9
#93c7e9
rgb(147,199,233)
-
#8ec8ee
#8ec8ee
rgb(142,200,238)
-
#89c9f3
#89c9f3
rgb(137,201,243)
-
#84caf8
#84caf8
rgb(132,202,248)
-
#7fcbfd
#7fcbfd
rgb(127,203,253)
Color Blindness Simulator
Below, you can see how #84caf8 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.