#0066f3 Color Information
In a RGB color space, hex #0066f3 is composed of 0% red, 40% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 58% magenta, 0% yellow and 4.7% black. It has a hue angle of 214.8 degrees, a saturation of 100% and a lightness of 47.6%. #0066f3 color hex could be obtained by blending #00ccff with #0000e7. Closest websafe color is: #0066ff.
-
- R 0
- G 40
- B 95
-
- C 100
- M 58
- Y 0
- K 5
● #0066f3 color description : Pure (or mostly pure) blue.
#0066f3 Color Conversion
The hexadecimal color #0066f3 has RGB values of R:0, G:102, B:243 and CMYK values of C:1, M:0.58, Y:0, K:0.05. Its decimal value is 26355.
Hex triplet | 0066f3 | #0066f3 |
---|---|---|
RGB Decimal | 0, 102, 243 | rgb(0,102,243) |
RGB Percent | 0, 40, 95.3 | rgb(0%,40%,95.3%) |
CMYK | 100, 58, 0, 5 | |
HSL | 214.8°, 100, 47.6 | hsl(214.8,100%,47.6%) |
HSV (or HSB) | 214.8°, 100, 95.3 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 46.938, 30.631, -76.91 |
---|---|
XYZ | 20.926, 15.972, 86.769 |
xyY | 0.169, 0.129, 15.972 |
CIE-LCH | 46.938, 82.785, 291.716 |
CIE-LUV | 46.938, -22.653, -117.358 |
Hunter-Lab | 39.965, 23.523, -100.751 |
Binary | 00000000, 01100110, 11110011 |
Color Schemes with #0066f3
Alternatives to #0066f3
Below, you can see some colors close to #0066f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0066f3 Preview
This text has a font color of #0066f3.
<span style="color:#0066f3;">Text here</span>
This paragraph has a background color of #0066f3.
<p style="background-color:#0066f3;">Content here</p>
This element has a border color of #0066f3.
<div style="border:1px solid #0066f3;">Content here</div>
.text {color:#0066f3;}
.background {background-color:#0066f3;}
.border {border:1px solid #0066f3;}
Shades and Tints of #0066f3
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, #000308 is the darkest color, while #f3f8ff is the lightest one.
-
#000308
#000308
rgb(0,3,8)
-
#000b1b
#000b1b
rgb(0,11,27)
-
#00142f
#00142f
rgb(0,20,47)
-
#001c42
#001c42
rgb(0,28,66)
-
#002456
#002456
rgb(0,36,86)
-
#002c6a
#002c6a
rgb(0,44,106)
-
#00357d
#00357d
rgb(0,53,125)
-
#003d91
#003d91
rgb(0,61,145)
-
#0045a5
#0045a5
rgb(0,69,165)
-
#004db8
#004db8
rgb(0,77,184)
-
#0056cc
#0056cc
rgb(0,86,204)
-
#005edf
#005edf
rgb(0,94,223)
-
#0066f3
#0066f3
rgb(0,102,243)
-
#086fff
#086fff
rgb(8,111,255)
-
#1b7bff
#1b7bff
rgb(27,123,255)
-
#2f86ff
#2f86ff
rgb(47,134,255)
-
#4292ff
#4292ff
rgb(66,146,255)
-
#569dff
#569dff
rgb(86,157,255)
-
#6aa8ff
#6aa8ff
rgb(106,168,255)
-
#7db4ff
#7db4ff
rgb(125,180,255)
-
#91bfff
#91bfff
rgb(145,191,255)
-
#a5cbff
#a5cbff
rgb(165,203,255)
-
#b8d6ff
#b8d6ff
rgb(184,214,255)
-
#cce1ff
#cce1ff
rgb(204,225,255)
-
#dfedff
#dfedff
rgb(223,237,255)
-
#f3f8ff
#f3f8ff
rgb(243,248,255)
Tones of #0066f3
A tone is produced by adding gray to any pure hue. In this case, #707883 is the less saturated color, while #0066f3 is the most saturated one.
-
#707883
#707883
rgb(112,120,131)
-
#67778c
#67778c
rgb(103,119,140)
-
#5d7596
#5d7596
rgb(93,117,150)
-
#54749f
#54749f
rgb(84,116,159)
-
#4b72a8
#4b72a8
rgb(75,114,168)
-
#4171b2
#4171b2
rgb(65,113,178)
-
#386fbb
#386fbb
rgb(56,111,187)
-
#2f6ec4
#2f6ec4
rgb(47,110,196)
-
#256cce
#256cce
rgb(37,108,206)
-
#1c6bd7
#1c6bd7
rgb(28,107,215)
-
#1369e0
#1369e0
rgb(19,105,224)
-
#0968ea
#0968ea
rgb(9,104,234)
-
#0066f3
#0066f3
rgb(0,102,243)
Color Blindness Simulator
Below, you can see how #0066f3 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.