#60afe5 Color Information
In a RGB color space, hex #60afe5 is composed of 37.6% red, 68.6% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 23.6% magenta, 0% yellow and 10.2% black. It has a hue angle of 204.4 degrees, a saturation of 71.9% and a lightness of 63.7%. #60afe5 color hex could be obtained by blending #c0ffff with #005fcb. Closest websafe color is: #6699cc.
-
- R 38
- G 69
- B 90
-
- C 58
- M 24
- Y 0
- K 10
● #60afe5 color description : Soft blue.
#60afe5 Color Conversion
The hexadecimal color #60afe5 has RGB values of R:96, G:175, B:229 and CMYK values of C:0.58, M:0.24, Y:0, K:0.1. Its decimal value is 6336485.
Hex triplet | 60afe5 | #60afe5 |
---|---|---|
RGB Decimal | 96, 175, 229 | rgb(96,175,229) |
RGB Percent | 37.6, 68.6, 89.8 | rgb(37.6%,68.6%,89.8%) |
CMYK | 58, 24, 0, 10 | |
HSL | 204.4°, 71.9, 63.7 | hsl(204.4,71.9%,63.7%) |
HSV (or HSB) | 204.4°, 58.1, 89.8 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 68.607, -8.733, -34.451 |
---|---|
XYZ | 34.293, 38.802, 79.807 |
xyY | 0.224, 0.254, 38.802 |
CIE-LCH | 68.607, 35.54, 255.775 |
CIE-LUV | 68.607, -33.483, -53.737 |
Hunter-Lab | 62.291, -10.739, -32.358 |
Binary | 01100000, 10101111, 11100101 |
Color Schemes with #60afe5
Alternatives to #60afe5
Below, you can see some colors close to #60afe5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#60afe5 Preview
This text has a font color of #60afe5.
<span style="color:#60afe5;">Text here</span>
This paragraph has a background color of #60afe5.
<p style="background-color:#60afe5;">Content here</p>
This element has a border color of #60afe5.
<div style="border:1px solid #60afe5;">Content here</div>
.text {color:#60afe5;}
.background {background-color:#60afe5;}
.border {border:1px solid #60afe5;}
Shades and Tints of #60afe5
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, #02060a is the darkest color, while #f8fbfe is the lightest one.
-
#02060a
#02060a
rgb(2,6,10)
-
#04111a
#04111a
rgb(4,17,26)
-
#071d2b
#071d2b
rgb(7,29,43)
-
#0a283c
#0a283c
rgb(10,40,60)
-
#0d334d
#0d334d
rgb(13,51,77)
-
#0f3e5e
#0f3e5e
rgb(15,62,94)
-
#12496f
#12496f
rgb(18,73,111)
-
#155480
#155480
rgb(21,84,128)
-
#185f90
#185f90
rgb(24,95,144)
-
#1a6ba1
#1a6ba1
rgb(26,107,161)
-
#1d76b2
#1d76b2
rgb(29,118,178)
-
#2081c3
#2081c3
rgb(32,129,195)
-
#238cd4
#238cd4
rgb(35,140,212)
-
#2d96dd
#2d96dd
rgb(45,150,221)
-
#3e9edf
#3e9edf
rgb(62,158,223)
-
#4fa7e2
#4fa7e2
rgb(79,167,226)
-
#60afe5
#60afe5
rgb(96,175,229)
-
#71b7e8
#71b7e8
rgb(113,183,232)
-
#82c0eb
#82c0eb
rgb(130,192,235)
-
#93c8ed
#93c8ed
rgb(147,200,237)
-
#a3d1f0
#a3d1f0
rgb(163,209,240)
-
#b4d9f3
#b4d9f3
rgb(180,217,243)
-
#c5e2f6
#c5e2f6
rgb(197,226,246)
-
#d6eaf8
#d6eaf8
rgb(214,234,248)
-
#e7f3fb
#e7f3fb
rgb(231,243,251)
-
#f8fbfe
#f8fbfe
rgb(248,251,254)
Tones of #60afe5
A tone is produced by adding gray to any pure hue. In this case, #a0a3a5 is the less saturated color, while #4bb3fa is the most saturated one.
-
#a0a3a5
#a0a3a5
rgb(160,163,165)
-
#99a4ac
#99a4ac
rgb(153,164,172)
-
#92a6b3
#92a6b3
rgb(146,166,179)
-
#8ba7ba
#8ba7ba
rgb(139,167,186)
-
#84a8c1
#84a8c1
rgb(132,168,193)
-
#7caac9
#7caac9
rgb(124,170,201)
-
#75abd0
#75abd0
rgb(117,171,208)
-
#6eacd7
#6eacd7
rgb(110,172,215)
-
#67aede
#67aede
rgb(103,174,222)
-
#60afe5
#60afe5
rgb(96,175,229)
-
#59b0ec
#59b0ec
rgb(89,176,236)
-
#52b2f3
#52b2f3
rgb(82,178,243)
-
#4bb3fa
#4bb3fa
rgb(75,179,250)
Color Blindness Simulator
Below, you can see how #60afe5 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.