#87caf6 Color Information
In a RGB color space, hex #87caf6 is composed of 52.9% red, 79.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 17.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 203.8 degrees, a saturation of 86% and a lightness of 74.7%. #87caf6 color hex could be obtained by blending #ffffff with #0f95ed. Closest websafe color is: #99ccff.
-
- R 53
- G 79
- B 96
-
- C 45
- M 18
- Y 0
- K 4
● #87caf6 color description : Soft blue.
#87caf6 Color Conversion
The hexadecimal color #87caf6 has RGB values of R:135, G:202, B:246 and CMYK values of C:0.45, M:0.18, Y:0, K:0.04. Its decimal value is 8899318.
Hex triplet | 87caf6 | #87caf6 |
---|---|---|
RGB Decimal | 135, 202, 246 | rgb(135,202,246) |
RGB Percent | 52.9, 79.2, 96.5 | rgb(52.9%,79.2%,96.5%) |
CMYK | 45, 18, 0, 4 | |
HSL | 203.8°, 86, 74.7 | hsl(203.8,86%,74.7%) |
HSV (or HSB) | 203.8°, 45.1, 96.5 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 78.487, -9.812, -28.268 |
---|---|
XYZ | 47.743, 54.043, 95.099 |
xyY | 0.242, 0.274, 54.043 |
CIE-LCH | 78.487, 29.923, 250.858 |
CIE-LUV | 78.487, -31.489, -43.931 |
Hunter-Lab | 73.514, -12.725, -25.239 |
Binary | 10000111, 11001010, 11110110 |
Color Schemes with #87caf6
Alternatives to #87caf6
Below, you can see some colors close to #87caf6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#87caf6 Preview
This text has a font color of #87caf6.
<span style="color:#87caf6;">Text here</span>
This paragraph has a background color of #87caf6.
<p style="background-color:#87caf6;">Content here</p>
This element has a border color of #87caf6.
<div style="border:1px solid #87caf6;">Content here</div>
.text {color:#87caf6;}
.background {background-color:#87caf6;}
.border {border:1px solid #87caf6;}
Shades and Tints of #87caf6
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, #010508 is the darkest color, while #f4fafe is the lightest one.
-
#010508
#010508
rgb(1,5,8)
-
#02101a
#02101a
rgb(2,16,26)
-
#031c2c
#031c2c
rgb(3,28,44)
-
#05283e
#05283e
rgb(5,40,62)
-
#063351
#063351
rgb(6,51,81)
-
#073f63
#073f63
rgb(7,63,99)
-
#094a75
#094a75
rgb(9,74,117)
-
#0a5687
#0a5687
rgb(10,86,135)
-
#0c619a
#0c619a
rgb(12,97,154)
-
#0d6dac
#0d6dac
rgb(13,109,172)
-
#0e78be
#0e78be
rgb(14,120,190)
-
#1084d0
#1084d0
rgb(16,132,208)
-
#1190e3
#1190e3
rgb(17,144,227)
-
#1a9aee
#1a9aee
rgb(26,154,238)
-
#2ca2ef
#2ca2ef
rgb(44,162,239)
-
#3eaaf1
#3eaaf1
rgb(62,170,241)
-
#50b2f2
#50b2f2
rgb(80,178,242)
-
#63baf3
#63baf3
rgb(99,186,243)
-
#75c2f5
#75c2f5
rgb(117,194,245)
-
#87caf6
#87caf6
rgb(135,202,246)
-
#99d2f7
#99d2f7
rgb(153,210,247)
-
#abdaf9
#abdaf9
rgb(171,218,249)
-
#bee2fa
#bee2fa
rgb(190,226,250)
-
#d0eafb
#d0eafb
rgb(208,234,251)
-
#e2f2fd
#e2f2fd
rgb(226,242,253)
-
#f4fafe
#f4fafe
rgb(244,250,254)
Tones of #87caf6
A tone is produced by adding gray to any pure hue. In this case, #bebfbf is the less saturated color, while #82cbfb is the most saturated one.
-
#bebfbf
#bebfbf
rgb(190,191,191)
-
#b9c0c4
#b9c0c4
rgb(185,192,196)
-
#b4c1c9
#b4c1c9
rgb(180,193,201)
-
#afc2ce
#afc2ce
rgb(175,194,206)
-
#aac3d3
#aac3d3
rgb(170,195,211)
-
#a5c4d8
#a5c4d8
rgb(165,196,216)
-
#a0c5dd
#a0c5dd
rgb(160,197,221)
-
#9bc6e2
#9bc6e2
rgb(155,198,226)
-
#96c7e7
#96c7e7
rgb(150,199,231)
-
#91c8ec
#91c8ec
rgb(145,200,236)
-
#8cc9f1
#8cc9f1
rgb(140,201,241)
-
#87caf6
#87caf6
rgb(135,202,246)
-
#82cbfb
#82cbfb
rgb(130,203,251)
Color Blindness Simulator
Below, you can see how #87caf6 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.