#84defd color information
In a RGB color space, hex #84defd is composed of 51.8% red, 87.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 12.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 195.4 degrees, a saturation of 96.8% and a lightness of 75.5%. #84defd color hex could be obtained by blending #ffffff with #09bdfb. Closest websafe color is: #99ccff.
#84defd color conversion
The hexadecimal color #84defd has RGB values of R:132, G:222, B:253 and CMYK values of C:0.48, M:0.12, Y:0, K:0.01. Its decimal value is 8707837.
- Hex triplet 84defd
#84defd - RGB Decimal 132, 222, 253
rgb(132,222,253) - RGB Percent 51.8, 87.1, 99.2
rgb(51.8%,87.1%,99.2%) - CMYK 48, 12, 0, 1
- HSL 195.4°, 96.8, 75.5
hsl(195,97%,75%) - HSV (or HSB) 195.4°, 47.8, 99.2
- Web Safe 99ccff
#99ccff
- CIE-LAB 84.089, -18.939, -23.452
- XYZ 53.362, 64.237, 102.51
- xyY 0.242, 0.292, 64.237
- CIE-LCH 84.089, 30.144, 231.077
- CIE-LUV 84.089, -40.096, -34.793
- Hunter-Lab 80.148, -21.414, -19.729
- Binary 10000100, 11011110, 11111101
Color Schemes with #84defd
#84defd in action
This text has a font color of #84defd.
<span style="color:#84defd;">Text here</span>
This paragraph has a background color of #84defd.
<p style="background-color:#84defd;">Content here</p>
This element has a border color of #84defd.
<div style="border:1px solid #84defd;">Content here</div>
.text {color:#84defd;}
.background {background-color:#84defd;}
.border {border:1px solid #84defd;}
Shades of #84defd
- #01171f #01171f
rgb(1,23,31) - #013446 #013446
rgb(1,52,70) - #02516d #02516d
rgb(2,81,109) - #026e93 #026e93
rgb(2,110,147) - #038bba #038bba
rgb(3,139,186) - #04a8e0 #04a8e0
rgb(4,168,224) - #10bffb #10bffb
rgb(16,191,251) - #37c9fc #37c9fc
rgb(55,201,252) - #5dd4fc #5dd4fc
rgb(93,212,252) - #84defd #84defd
rgb(132,222,253) - #abe8fe #abe8fe
rgb(171,232,254) - #d1f3fe #d1f3fe
rgb(209,243,254) - #f8fdff #f8fdff
rgb(248,253,255)
Color Blindness Simulator
Below, you can see how #84defd 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.
