#60caf9 Color Information
In a RGB color space, hex #60caf9 is composed of 37.6% red, 79.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 18.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 198.4 degrees, a saturation of 92.7% and a lightness of 67.6%. #60caf9 color hex could be obtained by blending #c0ffff with #0095f3. Closest websafe color is: #66ccff.
-
- R 38
- G 79
- B 98
-
- C 61
- M 19
- Y 0
- K 2
● #60caf9 color description : Soft blue.
#60caf9 Color Conversion
The hexadecimal color #60caf9 has RGB values of R:96, G:202, B:249 and CMYK values of C:0.61, M:0.19, Y:0, K:0.02. Its decimal value is 6343417.
Hex triplet | 60caf9 | #60caf9 |
---|---|---|
RGB Decimal | 96, 202, 249 | rgb(96,202,249) |
RGB Percent | 37.6, 79.2, 97.6 | rgb(37.6%,79.2%,97.6%) |
CMYK | 61, 19, 0, 2 | |
HSL | 198.4°, 92.7, 67.6 | hsl(198.4,92.7%,67.6%) |
HSV (or HSB) | 198.4°, 61.4, 97.6 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 77.02, -16.994, -32.263 |
---|---|
XYZ | 43.039, 51.564, 97.302 |
xyY | 0.224, 0.269, 51.564 |
CIE-LCH | 77.02, 36.465, 242.224 |
CIE-LUV | 77.02, -42.575, -49.71 |
Hunter-Lab | 71.808, -18.679, -30.074 |
Binary | 01100000, 11001010, 11111001 |
Color Schemes with #60caf9
Alternatives to #60caf9
Below, you can see some colors close to #60caf9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#60caf9 Preview
This text has a font color of #60caf9.
<span style="color:#60caf9;">Text here</span>
This paragraph has a background color of #60caf9.
<p style="background-color:#60caf9;">Content here</p>
This element has a border color of #60caf9.
<div style="border:1px solid #60caf9;">Content here</div>
.text {color:#60caf9;}
.background {background-color:#60caf9;}
.border {border:1px solid #60caf9;}
Shades and Tints of #60caf9
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, #00080b is the darkest color, while #f7fcff is the lightest one.
-
#00080b
#00080b
rgb(0,8,11)
-
#01151e
#01151e
rgb(1,21,30)
-
#022231
#022231
rgb(2,34,49)
-
#033044
#033044
rgb(3,48,68)
-
#033d57
#033d57
rgb(3,61,87)
-
#044a6a
#044a6a
rgb(4,74,106)
-
#05587d
#05587d
rgb(5,88,125)
-
#05658f
#05658f
rgb(5,101,143)
-
#0672a2
#0672a2
rgb(6,114,162)
-
#0780b5
#0780b5
rgb(7,128,181)
-
#088dc8
#088dc8
rgb(8,141,200)
-
#089adb
#089adb
rgb(8,154,219)
-
#09a8ee
#09a8ee
rgb(9,168,238)
-
#14b1f6
#14b1f6
rgb(20,177,246)
-
#27b7f7
#27b7f7
rgb(39,183,247)
-
#3abdf8
#3abdf8
rgb(58,189,248)
-
#4dc4f8
#4dc4f8
rgb(77,196,248)
-
#60caf9
#60caf9
rgb(96,202,249)
-
#73d0fa
#73d0fa
rgb(115,208,250)
-
#86d7fa
#86d7fa
rgb(134,215,250)
-
#99ddfb
#99ddfb
rgb(153,221,251)
-
#ace3fc
#ace3fc
rgb(172,227,252)
-
#bfeafd
#bfeafd
rgb(191,234,253)
-
#d1f0fd
#d1f0fd
rgb(209,240,253)
-
#e4f6fe
#e4f6fe
rgb(228,246,254)
-
#f7fcff
#f7fcff
rgb(247,252,255)
Tones of #60caf9
A tone is produced by adding gray to any pure hue. In this case, #acadad is the less saturated color, while #60caf9 is the most saturated one.
-
#acadad
#acadad
rgb(172,173,173)
-
#a6afb3
#a6afb3
rgb(166,175,179)
-
#9fb2ba
#9fb2ba
rgb(159,178,186)
-
#99b4c0
#99b4c0
rgb(153,180,192)
-
#93b6c6
#93b6c6
rgb(147,182,198)
-
#8cb9cd
#8cb9cd
rgb(140,185,205)
-
#86bbd3
#86bbd3
rgb(134,187,211)
-
#80bed9
#80bed9
rgb(128,190,217)
-
#79c0e0
#79c0e0
rgb(121,192,224)
-
#73c3e6
#73c3e6
rgb(115,195,230)
-
#6dc5ec
#6dc5ec
rgb(109,197,236)
-
#66c8f3
#66c8f3
rgb(102,200,243)
-
#60caf9
#60caf9
rgb(96,202,249)
Color Blindness Simulator
Below, you can see how #60caf9 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.