#60b4d9 Color Information
In a RGB color space, hex #60b4d9 is composed of 37.6% red, 70.6% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 17.1% magenta, 0% yellow and 14.9% black. It has a hue angle of 198.3 degrees, a saturation of 61.4% and a lightness of 61.4%. #60b4d9 color hex could be obtained by blending #c0ffff with #0069b3. Closest websafe color is: #66cccc.
-
- R 38
- G 71
- B 85
-
- C 56
- M 17
- Y 0
- K 15
● #60b4d9 color description : Soft blue.
#60b4d9 Color Conversion
The hexadecimal color #60b4d9 has RGB values of R:96, G:180, B:217 and CMYK values of C:0.56, M:0.17, Y:0, K:0.15. Its decimal value is 6337753.
Hex triplet | 60b4d9 | #60b4d9 |
---|---|---|
RGB Decimal | 96, 180, 217 | rgb(96,180,217) |
RGB Percent | 37.6, 70.6, 85.1 | rgb(37.6%,70.6%,85.1%) |
CMYK | 56, 17, 0, 15 | |
HSL | 198.3°, 61.4, 61.4 | hsl(198.3,61.4%,61.4%) |
HSV (or HSB) | 198.3°, 55.8, 85.1 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 69.567, -15.051, -26.402 |
---|---|
XYZ | 33.666, 40.137, 71.615 |
xyY | 0.232, 0.276, 40.137 |
CIE-LCH | 69.567, 30.391, 240.313 |
CIE-LUV | 69.567, -35.736, -39.466 |
Hunter-Lab | 63.354, -16.013, -22.674 |
Binary | 01100000, 10110100, 11011001 |
Color Schemes with #60b4d9
Alternatives to #60b4d9
Below, you can see some colors close to #60b4d9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#60b4d9 Preview
This text has a font color of #60b4d9.
<span style="color:#60b4d9;">Text here</span>
This paragraph has a background color of #60b4d9.
<p style="background-color:#60b4d9;">Content here</p>
This element has a border color of #60b4d9.
<div style="border:1px solid #60b4d9;">Content here</div>
.text {color:#60b4d9;}
.background {background-color:#60b4d9;}
.border {border:1px solid #60b4d9;}
Shades and Tints of #60b4d9
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, #040c0f is the darkest color, while #feffff is the lightest one.
-
#040c0f
#040c0f
rgb(4,12,15)
-
#07181f
#07181f
rgb(7,24,31)
-
#0b242f
#0b242f
rgb(11,36,47)
-
#0f303f
#0f303f
rgb(15,48,63)
-
#133c4e
#133c4e
rgb(19,60,78)
-
#17485e
#17485e
rgb(23,72,94)
-
#1a556e
#1a556e
rgb(26,85,110)
-
#1e617e
#1e617e
rgb(30,97,126)
-
#226d8e
#226d8e
rgb(34,109,142)
-
#26799e
#26799e
rgb(38,121,158)
-
#2985ad
#2985ad
rgb(41,133,173)
-
#2d91bd
#2d91bd
rgb(45,145,189)
-
#319dcd
#319dcd
rgb(49,157,205)
-
#40a5d1
#40a5d1
rgb(64,165,209)
-
#50add5
#50add5
rgb(80,173,213)
-
#60b4d9
#60b4d9
rgb(96,180,217)
-
#70bbdd
#70bbdd
rgb(112,187,221)
-
#80c3e1
#80c3e1
rgb(128,195,225)
-
#8fcae4
#8fcae4
rgb(143,202,228)
-
#9fd2e8
#9fd2e8
rgb(159,210,232)
-
#afd9ec
#afd9ec
rgb(175,217,236)
-
#bfe1f0
#bfe1f0
rgb(191,225,240)
-
#cfe8f3
#cfe8f3
rgb(207,232,243)
-
#dff0f7
#dff0f7
rgb(223,240,247)
-
#eef7fb
#eef7fb
rgb(238,247,251)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #60b4d9
A tone is produced by adding gray to any pure hue. In this case, #959fa4 is the less saturated color, while #3ac3ff is the most saturated one.
-
#959fa4
#959fa4
rgb(149,159,164)
-
#8da2ac
#8da2ac
rgb(141,162,172)
-
#86a5b3
#86a5b3
rgb(134,165,179)
-
#7ea8bb
#7ea8bb
rgb(126,168,187)
-
#77abc2
#77abc2
rgb(119,171,194)
-
#6faeca
#6faeca
rgb(111,174,202)
-
#68b1d1
#68b1d1
rgb(104,177,209)
-
#60b4d9
#60b4d9
rgb(96,180,217)
-
#58b7e1
#58b7e1
rgb(88,183,225)
-
#51bae8
#51bae8
rgb(81,186,232)
-
#49bdf0
#49bdf0
rgb(73,189,240)
-
#42c0f7
#42c0f7
rgb(66,192,247)
-
#3ac3ff
#3ac3ff
rgb(58,195,255)
Color Blindness Simulator
Below, you can see how #60b4d9 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.