#60b4f1 Color Information
In a RGB color space, hex #60b4f1 is composed of 37.6% red, 70.6% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 25.3% magenta, 0% yellow and 5.5% black. It has a hue angle of 205.2 degrees, a saturation of 83.8% and a lightness of 66.1%. #60b4f1 color hex could be obtained by blending #c0ffff with #0069e3. Closest websafe color is: #66ccff.
-
- R 38
- G 71
- B 95
-
- C 60
- M 25
- Y 0
- K 5
● #60b4f1 color description : Soft blue.
#60b4f1 Color Conversion
The hexadecimal color #60b4f1 has RGB values of R:96, G:180, B:241 and CMYK values of C:0.6, M:0.25, Y:0, K:0.05. Its decimal value is 6337777.
Hex triplet | 60b4f1 | #60b4f1 |
---|---|---|
RGB Decimal | 96, 180, 241 | rgb(96,180,241) |
RGB Percent | 37.6, 70.6, 94.5 | rgb(37.6%,70.6%,94.5%) |
CMYK | 60, 25, 0, 5 | |
HSL | 205.2°, 83.8, 66.1 | hsl(205.2,83.8%,66.1%) |
HSV (or HSB) | 205.2°, 60.2, 94.5 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 70.509, -7.742, -38.034 |
---|---|
XYZ | 37.018, 41.478, 89.269 |
xyY | 0.221, 0.247, 41.478 |
CIE-LCH | 70.509, 38.814, 258.495 |
CIE-LUV | 70.509, -34.927, -60.164 |
Hunter-Lab | 64.403, -10.105, -37.1 |
Binary | 01100000, 10110100, 11110001 |
Color Schemes with #60b4f1
Alternatives to #60b4f1
Below, you can see some colors close to #60b4f1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#60b4f1 Preview
This text has a font color of #60b4f1.
<span style="color:#60b4f1;">Text here</span>
This paragraph has a background color of #60b4f1.
<p style="background-color:#60b4f1;">Content here</p>
This element has a border color of #60b4f1.
<div style="border:1px solid #60b4f1;">Content here</div>
.text {color:#60b4f1;}
.background {background-color:#60b4f1;}
.border {border:1px solid #60b4f1;}
Shades and Tints of #60b4f1
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, #000203 is the darkest color, while #f0f8fe is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#020d15
#020d15
rgb(2,13,21)
-
#031827
#031827
rgb(3,24,39)
-
#052339
#052339
rgb(5,35,57)
-
#072e4b
#072e4b
rgb(7,46,75)
-
#083a5d
#083a5d
rgb(8,58,93)
-
#0a456f
#0a456f
rgb(10,69,111)
-
#0b5081
#0b5081
rgb(11,80,129)
-
#0d5b93
#0d5b93
rgb(13,91,147)
-
#0f66a6
#0f66a6
rgb(15,102,166)
-
#1071b8
#1071b8
rgb(16,113,184)
-
#127cca
#127cca
rgb(18,124,202)
-
#1387dc
#1387dc
rgb(19,135,220)
-
#1892eb
#1892eb
rgb(24,146,235)
-
#2a9aec
#2a9aec
rgb(42,154,236)
-
#3ca3ee
#3ca3ee
rgb(60,163,238)
-
#4eabef
#4eabef
rgb(78,171,239)
-
#60b4f1
#60b4f1
rgb(96,180,241)
-
#72bdf3
#72bdf3
rgb(114,189,243)
-
#84c5f4
#84c5f4
rgb(132,197,244)
-
#96cef6
#96cef6
rgb(150,206,246)
-
#a8d6f7
#a8d6f7
rgb(168,214,247)
-
#badff9
#badff9
rgb(186,223,249)
-
#cce7fb
#cce7fb
rgb(204,231,251)
-
#def0fc
#def0fc
rgb(222,240,252)
-
#f0f8fe
#f0f8fe
rgb(240,248,254)
Tones of #60b4f1
A tone is produced by adding gray to any pure hue. In this case, #a3a9ae is the less saturated color, while #53b6fe is the most saturated one.
-
#a3a9ae
#a3a9ae
rgb(163,169,174)
-
#9cabb5
#9cabb5
rgb(156,171,181)
-
#95acbc
#95acbc
rgb(149,172,188)
-
#8fadc2
#8fadc2
rgb(143,173,194)
-
#88aec9
#88aec9
rgb(136,174,201)
-
#81afd0
#81afd0
rgb(129,175,208)
-
#7bb0d6
#7bb0d6
rgb(123,176,214)
-
#74b1dd
#74b1dd
rgb(116,177,221)
-
#6db2e4
#6db2e4
rgb(109,178,228)
-
#67b3ea
#67b3ea
rgb(103,179,234)
-
#60b4f1
#60b4f1
rgb(96,180,241)
-
#59b5f8
#59b5f8
rgb(89,181,248)
-
#53b6fe
#53b6fe
rgb(83,182,254)
Color Blindness Simulator
Below, you can see how #60b4f1 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.