#87caf2 Color Information
In a RGB color space, hex #87caf2 is composed of 52.9% red, 79.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 44.2% cyan, 16.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 202.4 degrees, a saturation of 80.5% and a lightness of 73.9%. #87caf2 color hex could be obtained by blending #ffffff with #0f95e5. Closest websafe color is: #99ccff.
-
- R 53
- G 79
- B 95
-
- C 44
- M 17
- Y 0
- K 5
● #87caf2 color description : Very soft blue.
#87caf2 Color Conversion
The hexadecimal color #87caf2 has RGB values of R:135, G:202, B:242 and CMYK values of C:0.44, M:0.17, Y:0, K:0.05. Its decimal value is 8899314.
Hex triplet | 87caf2 | #87caf2 |
---|---|---|
RGB Decimal | 135, 202, 242 | rgb(135,202,242) |
RGB Percent | 52.9, 79.2, 94.9 | rgb(52.9%,79.2%,94.9%) |
CMYK | 44, 17, 0, 5 | |
HSL | 202.4°, 80.5, 73.9 | hsl(202.4,80.5%,73.9%) |
HSV (or HSB) | 202.4°, 44.2, 94.9 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 78.345, -10.893, -26.345 |
---|---|
XYZ | 47.135, 53.8, 91.9 |
xyY | 0.244, 0.279, 53.8 |
CIE-LCH | 78.345, 28.508, 247.535 |
CIE-LUV | 78.345, -31.538, -40.513 |
Hunter-Lab | 73.349, -13.653, -22.942 |
Binary | 10000111, 11001010, 11110010 |
Color Schemes with #87caf2
Alternatives to #87caf2
Below, you can see some colors close to #87caf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#87caf2 Preview
This text has a font color of #87caf2.
<span style="color:#87caf2;">Text here</span>
This paragraph has a background color of #87caf2.
<p style="background-color:#87caf2;">Content here</p>
This element has a border color of #87caf2.
<div style="border:1px solid #87caf2;">Content here</div>
.text {color:#87caf2;}
.background {background-color:#87caf2;}
.border {border:1px solid #87caf2;}
Shades and Tints of #87caf2
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, #000304 is the darkest color, while #f1f9fe is the lightest one.
-
#000304
#000304
rgb(0,3,4)
-
#020e16
#020e16
rgb(2,14,22)
-
#041a27
#041a27
rgb(4,26,39)
-
#062639
#062639
rgb(6,38,57)
-
#08324b
#08324b
rgb(8,50,75)
-
#0a3e5c
#0a3e5c
rgb(10,62,92)
-
#0c496e
#0c496e
rgb(12,73,110)
-
#0e5580
#0e5580
rgb(14,85,128)
-
#106191
#106191
rgb(16,97,145)
-
#126da3
#126da3
rgb(18,109,163)
-
#1479b5
#1479b5
rgb(20,121,181)
-
#1684c7
#1684c7
rgb(22,132,199)
-
#1790d8
#1790d8
rgb(23,144,216)
-
#1d9be6
#1d9be6
rgb(29,155,230)
-
#2fa3e8
#2fa3e8
rgb(47,163,232)
-
#40abea
#40abea
rgb(64,171,234)
-
#52b3ec
#52b3ec
rgb(82,179,236)
-
#64baee
#64baee
rgb(100,186,238)
-
#75c2f0
#75c2f0
rgb(117,194,240)
-
#87caf2
#87caf2
rgb(135,202,242)
-
#99d2f4
#99d2f4
rgb(153,210,244)
-
#aadaf6
#aadaf6
rgb(170,218,246)
-
#bce1f8
#bce1f8
rgb(188,225,248)
-
#cee9fa
#cee9fa
rgb(206,233,250)
-
#dff1fc
#dff1fc
rgb(223,241,252)
-
#f1f9fe
#f1f9fe
rgb(241,249,254)
Tones of #87caf2
A tone is produced by adding gray to any pure hue. In this case, #babdbf is the less saturated color, while #7dcdfc is the most saturated one.
-
#babdbf
#babdbf
rgb(186,189,191)
-
#b5bec4
#b5bec4
rgb(181,190,196)
-
#b0c0c9
#b0c0c9
rgb(176,192,201)
-
#abc1ce
#abc1ce
rgb(171,193,206)
-
#a6c2d3
#a6c2d3
rgb(166,194,211)
-
#a1c4d8
#a1c4d8
rgb(161,196,216)
-
#9bc5de
#9bc5de
rgb(155,197,222)
-
#96c6e3
#96c6e3
rgb(150,198,227)
-
#91c7e8
#91c7e8
rgb(145,199,232)
-
#8cc9ed
#8cc9ed
rgb(140,201,237)
-
#87caf2
#87caf2
rgb(135,202,242)
-
#82cbf7
#82cbf7
rgb(130,203,247)
-
#7dcdfc
#7dcdfc
rgb(125,205,252)
Color Blindness Simulator
Below, you can see how #87caf2 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.