#60a5ed Color Information
In a RGB color space, hex #60a5ed is composed of 37.6% red, 64.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 30.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 210.6 degrees, a saturation of 79.7% and a lightness of 65.3%. #60a5ed color hex could be obtained by blending #c0ffff with #004bdb. Closest websafe color is: #6699ff.
-
- R 38
- G 65
- B 93
-
- C 59
- M 30
- Y 0
- K 7
● #60a5ed color description : Soft blue.
#60a5ed Color Conversion
The hexadecimal color #60a5ed has RGB values of R:96, G:165, B:237 and CMYK values of C:0.59, M:0.3, Y:0, K:0.07. Its decimal value is 6333933.
Hex triplet | 60a5ed | #60a5ed |
---|---|---|
RGB Decimal | 96, 165, 237 | rgb(96,165,237) |
RGB Percent | 37.6, 64.7, 92.9 | rgb(37.6%,64.7%,92.9%) |
CMYK | 59, 30, 0, 7 | |
HSL | 210.6°, 79.7, 65.3 | hsl(210.6,79.7%,65.3%) |
HSV (or HSB) | 210.6°, 59.5, 92.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 66.143, -0.662, -42.674 |
---|---|
XYZ | 33.562, 35.509, 85.201 |
xyY | 0.218, 0.23, 35.509 |
CIE-LCH | 66.143, 42.679, 269.111 |
CIE-LUV | 66.143, -29.652, -68.321 |
Hunter-Lab | 59.59, -3.749, -43.06 |
Binary | 01100000, 10100101, 11101101 |
Color Schemes with #60a5ed
Alternatives to #60a5ed
Below, you can see some colors close to #60a5ed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#60a5ed Preview
This text has a font color of #60a5ed.
<span style="color:#60a5ed;">Text here</span>
This paragraph has a background color of #60a5ed.
<p style="background-color:#60a5ed;">Content here</p>
This element has a border color of #60a5ed.
<div style="border:1px solid #60a5ed;">Content here</div>
.text {color:#60a5ed;}
.background {background-color:#60a5ed;}
.border {border:1px solid #60a5ed;}
Shades and Tints of #60a5ed
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, #020911 is the darkest color, while #ffffff is the lightest one.
-
#020911
#020911
rgb(2,9,17)
-
#041323
#041323
rgb(4,19,35)
-
#061d34
#061d34
rgb(6,29,52)
-
#082646
#082646
rgb(8,38,70)
-
#0a3058
#0a3058
rgb(10,48,88)
-
#0c3a69
#0c3a69
rgb(12,58,105)
-
#0e437b
#0e437b
rgb(14,67,123)
-
#104d8d
#104d8d
rgb(16,77,141)
-
#12579e
#12579e
rgb(18,87,158)
-
#1460b0
#1460b0
rgb(20,96,176)
-
#166ac1
#166ac1
rgb(22,106,193)
-
#1873d3
#1873d3
rgb(24,115,211)
-
#1a7de5
#1a7de5
rgb(26,125,229)
-
#2b87e7
#2b87e7
rgb(43,135,231)
-
#3d91e9
#3d91e9
rgb(61,145,233)
-
#4e9beb
#4e9beb
rgb(78,155,235)
-
#60a5ed
#60a5ed
rgb(96,165,237)
-
#72afef
#72afef
rgb(114,175,239)
-
#83b9f1
#83b9f1
rgb(131,185,241)
-
#95c3f3
#95c3f3
rgb(149,195,243)
-
#a6cdf5
#a6cdf5
rgb(166,205,245)
-
#b8d7f7
#b8d7f7
rgb(184,215,247)
-
#cae1f9
#cae1f9
rgb(202,225,249)
-
#dbebfb
#dbebfb
rgb(219,235,251)
-
#edf5fd
#edf5fd
rgb(237,245,253)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #60a5ed
A tone is produced by adding gray to any pure hue. In this case, #a4a6a9 is the less saturated color, while #52a5fb is the most saturated one.
-
#a4a6a9
#a4a6a9
rgb(164,166,169)
-
#9da6b0
#9da6b0
rgb(157,166,176)
-
#96a6b7
#96a6b7
rgb(150,166,183)
-
#90a6bd
#90a6bd
rgb(144,166,189)
-
#89a6c4
#89a6c4
rgb(137,166,196)
-
#82a6cb
#82a6cb
rgb(130,166,203)
-
#7ba6d2
#7ba6d2
rgb(123,166,210)
-
#74a5d9
#74a5d9
rgb(116,165,217)
-
#6ea5df
#6ea5df
rgb(110,165,223)
-
#67a5e6
#67a5e6
rgb(103,165,230)
-
#60a5ed
#60a5ed
rgb(96,165,237)
-
#59a5f4
#59a5f4
rgb(89,165,244)
-
#52a5fb
#52a5fb
rgb(82,165,251)
Color Blindness Simulator
Below, you can see how #60a5ed 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.