#60a5fc Color Information
In a RGB color space, hex #60a5fc is composed of 37.6% red, 64.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 34.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 213.5 degrees, a saturation of 96.3% and a lightness of 68.2%. #60a5fc color hex could be obtained by blending #c0ffff with #004bf9. Closest websafe color is: #6699ff.
-
- R 38
- G 65
- B 99
-
- C 62
- M 35
- Y 0
- K 1
● #60a5fc color description : Soft blue.
#60a5fc Color Conversion
The hexadecimal color #60a5fc has RGB values of R:96, G:165, B:252 and CMYK values of C:0.62, M:0.35, Y:0, K:0.01. Its decimal value is 6333948.
Hex triplet | 60a5fc | #60a5fc |
---|---|---|
RGB Decimal | 96, 165, 252 | rgb(96,165,252) |
RGB Percent | 37.6, 64.7, 98.8 | rgb(37.6%,64.7%,98.8%) |
CMYK | 62, 35, 0, 1 | |
HSL | 213.5°, 96.3, 68.2 | hsl(213.5,96.3%,68.2%) |
HSV (or HSB) | 213.5°, 61.9, 98.8 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 66.842, 4.169, -49.764 |
---|---|
XYZ | 35.846, 36.423, 97.231 |
xyY | 0.211, 0.215, 36.423 |
CIE-LCH | 66.842, 49.939, 274.788 |
CIE-LUV | 66.842, -29.34, -81.004 |
Hunter-Lab | 60.351, 0.405, -53.275 |
Binary | 01100000, 10100101, 11111100 |
Color Schemes with #60a5fc
Alternatives to #60a5fc
Below, you can see some colors close to #60a5fc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#60a5fc Preview
This text has a font color of #60a5fc.
<span style="color:#60a5fc;">Text here</span>
This paragraph has a background color of #60a5fc.
<p style="background-color:#60a5fc;">Content here</p>
This element has a border color of #60a5fc.
<div style="border:1px solid #60a5fc;">Content here</div>
.text {color:#60a5fc;}
.background {background-color:#60a5fc;}
.border {border:1px solid #60a5fc;}
Shades and Tints of #60a5fc
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, #00060e is the darkest color, while #fafcff is the lightest one.
-
#00060e
#00060e
rgb(0,6,14)
-
#010f22
#010f22
rgb(1,15,34)
-
#011835
#011835
rgb(1,24,53)
-
#012148
#012148
rgb(1,33,72)
-
#02295b
#02295b
rgb(2,41,91)
-
#02326f
#02326f
rgb(2,50,111)
-
#023b82
#023b82
rgb(2,59,130)
-
#034395
#034395
rgb(3,67,149)
-
#034ca8
#034ca8
rgb(3,76,168)
-
#0455bc
#0455bc
rgb(4,85,188)
-
#045ecf
#045ecf
rgb(4,94,207)
-
#0466e2
#0466e2
rgb(4,102,226)
-
#056ff5
#056ff5
rgb(5,111,245)
-
#1379fb
#1379fb
rgb(19,121,251)
-
#2684fb
#2684fb
rgb(38,132,251)
-
#398ffb
#398ffb
rgb(57,143,251)
-
#4d9afc
#4d9afc
rgb(77,154,252)
-
#60a5fc
#60a5fc
rgb(96,165,252)
-
#73b0fc
#73b0fc
rgb(115,176,252)
-
#87bbfd
#87bbfd
rgb(135,187,253)
-
#9ac6fd
#9ac6fd
rgb(154,198,253)
-
#add1fd
#add1fd
rgb(173,209,253)
-
#c0dbfe
#c0dbfe
rgb(192,219,254)
-
#d4e6fe
#d4e6fe
rgb(212,230,254)
-
#e7f1ff
#e7f1ff
rgb(231,241,255)
-
#fafcff
#fafcff
rgb(250,252,255)
Tones of #60a5fc
A tone is produced by adding gray to any pure hue. In this case, #abaeb1 is the less saturated color, while #60a5fc is the most saturated one.
-
#abaeb1
#abaeb1
rgb(171,174,177)
-
#a5adb7
#a5adb7
rgb(165,173,183)
-
#9eacbe
#9eacbe
rgb(158,172,190)
-
#98abc4
#98abc4
rgb(152,171,196)
-
#92abca
#92abca
rgb(146,171,202)
-
#8caad0
#8caad0
rgb(140,170,208)
-
#85a9d7
#85a9d7
rgb(133,169,215)
-
#7fa9dd
#7fa9dd
rgb(127,169,221)
-
#79a8e3
#79a8e3
rgb(121,168,227)
-
#73a7e9
#73a7e9
rgb(115,167,233)
-
#6ca6f0
#6ca6f0
rgb(108,166,240)
-
#66a6f6
#66a6f6
rgb(102,166,246)
-
#60a5fc
#60a5fc
rgb(96,165,252)
Color Blindness Simulator
Below, you can see how #60a5fc 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.