#60baf2 Color Information
In a RGB color space, hex #60baf2 is composed of 37.6% red, 72.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 23.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 203 degrees, a saturation of 84.9% and a lightness of 66.3%. #60baf2 color hex could be obtained by blending #c0ffff with #0075e5. Closest websafe color is: #66ccff.
-
- R 38
- G 73
- B 95
-
- C 60
- M 23
- Y 0
- K 5
● #60baf2 color description : Soft blue.
#60baf2 Color Conversion
The hexadecimal color #60baf2 has RGB values of R:96, G:186, B:242 and CMYK values of C:0.6, M:0.23, Y:0, K:0.05. Its decimal value is 6339314.
Hex triplet | 60baf2 | #60baf2 |
---|---|---|
RGB Decimal | 96, 186, 242 | rgb(96,186,242) |
RGB Percent | 37.6, 72.9, 94.9 | rgb(37.6%,72.9%,94.9%) |
CMYK | 60, 23, 0, 5 | |
HSL | 203°, 84.9, 66.3 | hsl(203,84.9%,66.3%) |
HSV (or HSB) | 203°, 60.3, 94.9 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 72.237, -10.683, -35.891 |
---|---|
XYZ | 38.406, 44.013, 90.471 |
xyY | 0.222, 0.255, 44.013 |
CIE-LCH | 72.237, 37.447, 253.425 |
CIE-LUV | 72.237, -37.062, -56.321 |
Hunter-Lab | 66.342, -12.764, -34.414 |
Binary | 01100000, 10111010, 11110010 |
Color Schemes with #60baf2
Alternatives to #60baf2
Below, you can see some colors close to #60baf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#60baf2 Preview
This text has a font color of #60baf2.
<span style="color:#60baf2;">Text here</span>
This paragraph has a background color of #60baf2.
<p style="background-color:#60baf2;">Content here</p>
This element has a border color of #60baf2.
<div style="border:1px solid #60baf2;">Content here</div>
.text {color:#60baf2;}
.background {background-color:#60baf2;}
.border {border:1px solid #60baf2;}
Shades and Tints of #60baf2
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, #000304 is the darkest color, while #f1f9fe is the lightest one.
-
#000304
#000304
rgb(0,3,4)
-
#020e16
#020e16
rgb(2,14,22)
-
#031a28
#031a28
rgb(3,26,40)
-
#05263b
#05263b
rgb(5,38,59)
-
#06324d
#06324d
rgb(6,50,77)
-
#083d5f
#083d5f
rgb(8,61,95)
-
#094971
#094971
rgb(9,73,113)
-
#0b5583
#0b5583
rgb(11,85,131)
-
#0c6195
#0c6195
rgb(12,97,149)
-
#0e6ca7
#0e6ca7
rgb(14,108,167)
-
#0f78ba
#0f78ba
rgb(15,120,186)
-
#1184cc
#1184cc
rgb(17,132,204)
-
#1290de
#1290de
rgb(18,144,222)
-
#179bec
#179bec
rgb(23,155,236)
-
#2aa2ee
#2aa2ee
rgb(42,162,238)
-
#3caaef
#3caaef
rgb(60,170,239)
-
#4eb2f1
#4eb2f1
rgb(78,178,241)
-
#60baf2
#60baf2
rgb(96,186,242)
-
#72c2f3
#72c2f3
rgb(114,194,243)
-
#84caf5
#84caf5
rgb(132,202,245)
-
#96d2f6
#96d2f6
rgb(150,210,246)
-
#a9d9f8
#a9d9f8
rgb(169,217,248)
-
#bbe1f9
#bbe1f9
rgb(187,225,249)
-
#cde9fb
#cde9fb
rgb(205,233,251)
-
#dff1fc
#dff1fc
rgb(223,241,252)
-
#f1f9fe
#f1f9fe
rgb(241,249,254)
Tones of #60baf2
A tone is produced by adding gray to any pure hue. In this case, #a9a9a9 is the less saturated color, while #59bcf9 is the most saturated one.
-
#a9a9a9
#a9a9a9
rgb(169,169,169)
-
#a2abb0
#a2abb0
rgb(162,171,176)
-
#9cacb6
#9cacb6
rgb(156,172,182)
-
#95aebd
#95aebd
rgb(149,174,189)
-
#8eafc4
#8eafc4
rgb(142,175,196)
-
#88b1ca
#88b1ca
rgb(136,177,202)
-
#81b2d1
#81b2d1
rgb(129,178,209)
-
#7ab4d8
#7ab4d8
rgb(122,180,216)
-
#74b5de
#74b5de
rgb(116,181,222)
-
#6db7e5
#6db7e5
rgb(109,183,229)
-
#67b8eb
#67b8eb
rgb(103,184,235)
-
#60baf2
#60baf2
rgb(96,186,242)
-
#59bcf9
#59bcf9
rgb(89,188,249)
Color Blindness Simulator
Below, you can see how #60baf2 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.