#60a4f8 Color Information
In a RGB color space, hex #60a4f8 is composed of 37.6% red, 64.3% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 33.9% magenta, 0% yellow and 2.7% black. It has a hue angle of 213.2 degrees, a saturation of 91.6% and a lightness of 67.5%. #60a4f8 color hex could be obtained by blending #c0ffff with #0049f1. Closest websafe color is: #6699ff.
-
- R 38
- G 64
- B 97
-
- C 61
- M 34
- Y 0
- K 3
● #60a4f8 color description : Soft blue.
#60a4f8 Color Conversion
The hexadecimal color #60a4f8 has RGB values of R:96, G:164, B:248 and CMYK values of C:0.61, M:0.34, Y:0, K:0.03. Its decimal value is 6333688.
Hex triplet | 60a4f8 | #60a4f8 |
---|---|---|
RGB Decimal | 96, 164, 248 | rgb(96,164,248) |
RGB Percent | 37.6, 64.3, 97.3 | rgb(37.6%,64.3%,97.3%) |
CMYK | 61, 34, 0, 3 | |
HSL | 213.2°, 91.6, 67.5 | hsl(213.2,91.6%,67.5%) |
HSV (or HSB) | 213.2°, 61.3, 97.3 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 66.377, 3.443, -48.32 |
---|---|
XYZ | 35.039, 35.813, 93.868 |
xyY | 0.213, 0.217, 35.813 |
CIE-LCH | 66.377, 48.442, 274.075 |
CIE-LUV | 66.377, -29.073, -78.39 |
Hunter-Lab | 59.844, -0.214, -51.109 |
Binary | 01100000, 10100100, 11111000 |
Color Schemes with #60a4f8
Alternatives to #60a4f8
Below, you can see some colors close to #60a4f8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#60a4f8 Preview
This text has a font color of #60a4f8.
<span style="color:#60a4f8;">Text here</span>
This paragraph has a background color of #60a4f8.
<p style="background-color:#60a4f8;">Content here</p>
This element has a border color of #60a4f8.
<div style="border:1px solid #60a4f8;">Content here</div>
.text {color:#60a4f8;}
.background {background-color:#60a4f8;}
.border {border:1px solid #60a4f8;}
Shades and Tints of #60a4f8
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, #00050a is the darkest color, while #f6faff is the lightest one.
-
#00050a
#00050a
rgb(0,5,10)
-
#010e1d
#010e1d
rgb(1,14,29)
-
#021630
#021630
rgb(2,22,48)
-
#031f42
#031f42
rgb(3,31,66)
-
#042855
#042855
rgb(4,40,85)
-
#053168
#053168
rgb(5,49,104)
-
#053a7b
#053a7b
rgb(5,58,123)
-
#06438e
#06438e
rgb(6,67,142)
-
#074ca0
#074ca0
rgb(7,76,160)
-
#0855b3
#0855b3
rgb(8,85,179)
-
#095dc6
#095dc6
rgb(9,93,198)
-
#0a66d9
#0a66d9
rgb(10,102,217)
-
#0a6fec
#0a6fec
rgb(10,111,236)
-
#1579f5
#1579f5
rgb(21,121,245)
-
#2884f6
#2884f6
rgb(40,132,246)
-
#3a8ef6
#3a8ef6
rgb(58,142,246)
-
#4d99f7
#4d99f7
rgb(77,153,247)
-
#60a4f8
#60a4f8
rgb(96,164,248)
-
#73aff9
#73aff9
rgb(115,175,249)
-
#86bafa
#86bafa
rgb(134,186,250)
-
#98c4fa
#98c4fa
rgb(152,196,250)
-
#abcffb
#abcffb
rgb(171,207,251)
-
#bedafc
#bedafc
rgb(190,218,252)
-
#d1e5fd
#d1e5fd
rgb(209,229,253)
-
#e4effe
#e4effe
rgb(228,239,254)
-
#f6faff
#f6faff
rgb(246,250,255)
Tones of #60a4f8
A tone is produced by adding gray to any pure hue. In this case, #a6abb2 is the less saturated color, while #5aa3fe is the most saturated one.
-
#a6abb2
#a6abb2
rgb(166,171,178)
-
#a0abb8
#a0abb8
rgb(160,171,184)
-
#99aabf
#99aabf
rgb(153,170,191)
-
#93a9c5
#93a9c5
rgb(147,169,197)
-
#8da9cb
#8da9cb
rgb(141,169,203)
-
#86a8d2
#86a8d2
rgb(134,168,210)
-
#80a7d8
#80a7d8
rgb(128,167,216)
-
#7aa7de
#7aa7de
rgb(122,167,222)
-
#73a6e5
#73a6e5
rgb(115,166,229)
-
#6da5eb
#6da5eb
rgb(109,165,235)
-
#66a5f2
#66a5f2
rgb(102,165,242)
-
#60a4f8
#60a4f8
rgb(96,164,248)
-
#5aa3fe
#5aa3fe
rgb(90,163,254)
Color Blindness Simulator
Below, you can see how #60a4f8 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.