#0060f4 Color Information
In a RGB color space, hex #0060f4 is composed of 0% red, 37.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 60.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 216.4 degrees, a saturation of 100% and a lightness of 47.8%. #0060f4 color hex could be obtained by blending #00c0ff with #0000e9. Closest websafe color is: #0066ff.
-
- R 0
- G 38
- B 96
-
- C 100
- M 61
- Y 0
- K 4
● #0060f4 color description : Pure (or mostly pure) blue.
#0060f4 Color Conversion
The hexadecimal color #0060f4 has RGB values of R:0, G:96, B:244 and CMYK values of C:1, M:0.61, Y:0, K:0.04. Its decimal value is 24820.
Hex triplet | 0060f4 | #0060f4 |
---|---|---|
RGB Decimal | 0, 96, 244 | rgb(0,96,244) |
RGB Percent | 0, 37.6, 95.7 | rgb(0%,37.6%,95.7%) |
CMYK | 100, 61, 0, 4 | |
HSL | 216.4°, 100, 47.8 | hsl(216.4,100%,47.8%) |
HSV (or HSB) | 216.4°, 100, 95.7 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 45.491, 34.848, -79.837 |
---|---|
XYZ | 20.509, 14.896, 87.377 |
xyY | 0.167, 0.121, 14.896 |
CIE-LCH | 45.491, 87.111, 293.581 |
CIE-LUV | 45.491, -21.137, -120.307 |
Hunter-Lab | 38.595, 27.31, -107.214 |
Binary | 00000000, 01100000, 11110100 |
Color Schemes with #0060f4
Alternatives to #0060f4
Below, you can see some colors close to #0060f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0060f4 Preview
This text has a font color of #0060f4.
<span style="color:#0060f4;">Text here</span>
This paragraph has a background color of #0060f4.
<p style="background-color:#0060f4;">Content here</p>
This element has a border color of #0060f4.
<div style="border:1px solid #0060f4;">Content here</div>
.text {color:#0060f4;}
.background {background-color:#0060f4;}
.border {border:1px solid #0060f4;}
Shades and Tints of #0060f4
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, #000309 is the darkest color, while #f4f8ff is the lightest one.
-
#000309
#000309
rgb(0,3,9)
-
#000b1c
#000b1c
rgb(0,11,28)
-
#001330
#001330
rgb(0,19,48)
-
#001b43
#001b43
rgb(0,27,67)
-
#002257
#002257
rgb(0,34,87)
-
#002a6b
#002a6b
rgb(0,42,107)
-
#00327e
#00327e
rgb(0,50,126)
-
#003992
#003992
rgb(0,57,146)
-
#0041a6
#0041a6
rgb(0,65,166)
-
#0049b9
#0049b9
rgb(0,73,185)
-
#0051cd
#0051cd
rgb(0,81,205)
-
#0058e0
#0058e0
rgb(0,88,224)
-
#0060f4
#0060f4
rgb(0,96,244)
-
#096aff
#096aff
rgb(9,106,255)
-
#1c75ff
#1c75ff
rgb(28,117,255)
-
#3081ff
#3081ff
rgb(48,129,255)
-
#438dff
#438dff
rgb(67,141,255)
-
#5799ff
#5799ff
rgb(87,153,255)
-
#6ba5ff
#6ba5ff
rgb(107,165,255)
-
#7eb1ff
#7eb1ff
rgb(126,177,255)
-
#92bdff
#92bdff
rgb(146,189,255)
-
#a6c9ff
#a6c9ff
rgb(166,201,255)
-
#b9d5ff
#b9d5ff
rgb(185,213,255)
-
#cde1ff
#cde1ff
rgb(205,225,255)
-
#e0ecff
#e0ecff
rgb(224,236,255)
-
#f4f8ff
#f4f8ff
rgb(244,248,255)
Tones of #0060f4
A tone is produced by adding gray to any pure hue. In this case, #717883 is the less saturated color, while #0060f4 is the most saturated one.
-
#717883
#717883
rgb(113,120,131)
-
#67768d
#67768d
rgb(103,118,141)
-
#5e7496
#5e7496
rgb(94,116,150)
-
#5472a0
#5472a0
rgb(84,114,160)
-
#4b70a9
#4b70a9
rgb(75,112,169)
-
#426eb2
#426eb2
rgb(66,110,178)
-
#386cbc
#386cbc
rgb(56,108,188)
-
#2f6ac5
#2f6ac5
rgb(47,106,197)
-
#2668ce
#2668ce
rgb(38,104,206)
-
#1c66d8
#1c66d8
rgb(28,102,216)
-
#1364e1
#1364e1
rgb(19,100,225)
-
#0962eb
#0962eb
rgb(9,98,235)
-
#0060f4
#0060f4
rgb(0,96,244)
Color Blindness Simulator
Below, you can see how #0060f4 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.