#86caf7 Color Information
In a RGB color space, hex #86caf7 is composed of 52.5% red, 79.2% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 18.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 203.9 degrees, a saturation of 87.6% and a lightness of 74.7%. #86caf7 color hex could be obtained by blending #ffffff with #0d95ef. Closest websafe color is: #99ccff.
-
- R 53
- G 79
- B 97
-
- C 46
- M 18
- Y 0
- K 3
● #86caf7 color description : Soft blue.
#86caf7 Color Conversion
The hexadecimal color #86caf7 has RGB values of R:134, G:202, B:247 and CMYK values of C:0.46, M:0.18, Y:0, K:0.03. Its decimal value is 8833783.
Hex triplet | 86caf7 | #86caf7 |
---|---|---|
RGB Decimal | 134, 202, 247 | rgb(134,202,247) |
RGB Percent | 52.5, 79.2, 96.9 | rgb(52.5%,79.2%,96.9%) |
CMYK | 46, 18, 0, 3 | |
HSL | 203.9°, 87.6, 74.7 | hsl(203.9,87.6%,74.7%) |
HSV (or HSB) | 203.9°, 45.7, 96.9 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 78.475, -9.776, -28.826 |
---|---|
XYZ | 47.737, 54.022, 95.902 |
xyY | 0.242, 0.273, 54.022 |
CIE-LCH | 78.475, 30.439, 251.266 |
CIE-LUV | 78.475, -31.817, -44.883 |
Hunter-Lab | 73.5, -12.693, -25.912 |
Binary | 10000110, 11001010, 11110111 |
Color Schemes with #86caf7
Alternatives to #86caf7
Below, you can see some colors close to #86caf7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#86caf7 Preview
This text has a font color of #86caf7.
<span style="color:#86caf7;">Text here</span>
This paragraph has a background color of #86caf7.
<p style="background-color:#86caf7;">Content here</p>
This element has a border color of #86caf7.
<div style="border:1px solid #86caf7;">Content here</div>
.text {color:#86caf7;}
.background {background-color:#86caf7;}
.border {border:1px solid #86caf7;}
Shades and Tints of #86caf7
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)
-
#031c2d
#031c2d
rgb(3,28,45)
-
#04283f
#04283f
rgb(4,40,63)
-
#053351
#053351
rgb(5,51,81)
-
#073f64
#073f64
rgb(7,63,100)
-
#084a76
#084a76
rgb(8,74,118)
-
#095689
#095689
rgb(9,86,137)
-
#0a619b
#0a619b
rgb(10,97,155)
-
#0b6dad
#0b6dad
rgb(11,109,173)
-
#0d78c0
#0d78c0
rgb(13,120,192)
-
#0e84d2
#0e84d2
rgb(14,132,210)
-
#0f90e5
#0f90e5
rgb(15,144,229)
-
#189af0
#189af0
rgb(24,154,240)
-
#2aa2f1
#2aa2f1
rgb(42,162,241)
-
#3caaf2
#3caaf2
rgb(60,170,242)
-
#4fb2f3
#4fb2f3
rgb(79,178,243)
-
#61baf5
#61baf5
rgb(97,186,245)
-
#74c2f6
#74c2f6
rgb(116,194,246)
-
#86caf7
#86caf7
rgb(134,202,247)
-
#98d2f8
#98d2f8
rgb(152,210,248)
-
#abdaf9
#abdaf9
rgb(171,218,249)
-
#bde2fb
#bde2fb
rgb(189,226,251)
-
#d0eafc
#d0eafc
rgb(208,234,252)
-
#e2f2fd
#e2f2fd
rgb(226,242,253)
-
#f4fafe
#f4fafe
rgb(244,250,254)
Tones of #86caf7
A tone is produced by adding gray to any pure hue. In this case, #bdbfc0 is the less saturated color, while #81cbfc is the most saturated one.
-
#bdbfc0
#bdbfc0
rgb(189,191,192)
-
#b8c0c5
#b8c0c5
rgb(184,192,197)
-
#b3c1ca
#b3c1ca
rgb(179,193,202)
-
#aec2cf
#aec2cf
rgb(174,194,207)
-
#a9c3d4
#a9c3d4
rgb(169,195,212)
-
#a4c4d9
#a4c4d9
rgb(164,196,217)
-
#9fc5de
#9fc5de
rgb(159,197,222)
-
#9ac6e3
#9ac6e3
rgb(154,198,227)
-
#95c7e8
#95c7e8
rgb(149,199,232)
-
#90c8ed
#90c8ed
rgb(144,200,237)
-
#8bc9f2
#8bc9f2
rgb(139,201,242)
-
#86caf7
#86caf7
rgb(134,202,247)
-
#81cbfc
#81cbfc
rgb(129,203,252)
Color Blindness Simulator
Below, you can see how #86caf7 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.