#003aff Color Information
In a RGB color space, hex #003aff is composed of 0% red, 22.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 77.3% magenta, 0% yellow and 0% black. It has a hue angle of 226.4 degrees, a saturation of 100% and a lightness of 50%. #003aff color hex could be obtained by blending #0074ff with #0000ff. Closest websafe color is: #0033ff.
-
- R 0
- G 23
- B 100
-
- C 100
- M 77
- Y 0
- K 0
● #003aff color description : Pure (or mostly pure) blue.
#003aff Color Conversion
The hexadecimal color #003aff has RGB values of R:0, G:58, B:255 and CMYK values of C:1, M:0.77, Y:0, K:0. Its decimal value is 15103.
Hex triplet | 003aff | #003aff |
---|---|---|
RGB Decimal | 0, 58, 255 | rgb(0,58,255) |
RGB Percent | 0, 22.7, 100 | rgb(0%,22.7%,100%) |
CMYK | 100, 77, 0, 0 | |
HSL | 226.4°, 100, 50 | hsl(226.4,100%,50%) |
HSV (or HSB) | 226.4°, 100, 100 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 38.278, 61.239, -97.895 |
---|---|
XYZ | 19.559, 10.244, 95.549 |
xyY | 0.156, 0.082, 10.244 |
CIE-LCH | 38.278, 115.472, 302.028 |
CIE-LUV | 38.278, -13.789, -133.282 |
Hunter-Lab | 32.007, 53.068, -154.59 |
Binary | 00000000, 00111010, 11111111 |
Color Schemes with #003aff
Alternatives to #003aff
Below, you can see some colors close to #003aff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#003aff Preview
This text has a font color of #003aff.
<span style="color:#003aff;">Text here</span>
This paragraph has a background color of #003aff.
<p style="background-color:#003aff;">Content here</p>
This element has a border color of #003aff.
<div style="border:1px solid #003aff;">Content here</div>
.text {color:#003aff;}
.background {background-color:#003aff;}
.border {border:1px solid #003aff;}
Shades and Tints of #003aff
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, #000414 is the darkest color, while #ffffff is the lightest one.
-
#000414
#000414
rgb(0,4,20)
-
#000927
#000927
rgb(0,9,39)
-
#000d3b
#000d3b
rgb(0,13,59)
-
#00124e
#00124e
rgb(0,18,78)
-
#001662
#001662
rgb(0,22,98)
-
#001b76
#001b76
rgb(0,27,118)
-
#001f89
#001f89
rgb(0,31,137)
-
#00249d
#00249d
rgb(0,36,157)
-
#0028b1
#0028b1
rgb(0,40,177)
-
#002dc4
#002dc4
rgb(0,45,196)
-
#0031d8
#0031d8
rgb(0,49,216)
-
#0036eb
#0036eb
rgb(0,54,235)
-
#003aff
#003aff
rgb(0,58,255)
-
#1449ff
#1449ff
rgb(20,73,255)
-
#2758ff
#2758ff
rgb(39,88,255)
-
#3b67ff
#3b67ff
rgb(59,103,255)
-
#4e77ff
#4e77ff
rgb(78,119,255)
-
#6286ff
#6286ff
rgb(98,134,255)
-
#7695ff
#7695ff
rgb(118,149,255)
-
#89a4ff
#89a4ff
rgb(137,164,255)
-
#9db3ff
#9db3ff
rgb(157,179,255)
-
#b1c2ff
#b1c2ff
rgb(177,194,255)
-
#c4d2ff
#c4d2ff
rgb(196,210,255)
-
#d8e1ff
#d8e1ff
rgb(216,225,255)
-
#ebf0ff
#ebf0ff
rgb(235,240,255)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #003aff
A tone is produced by adding gray to any pure hue. In this case, #767a89 is the less saturated color, while #003aff is the most saturated one.
-
#767a89
#767a89
rgb(118,122,137)
-
#6c7593
#6c7593
rgb(108,117,147)
-
#626f9d
#626f9d
rgb(98,111,157)
-
#586aa7
#586aa7
rgb(88,106,167)
-
#4e65b1
#4e65b1
rgb(78,101,177)
-
#455fba
#455fba
rgb(69,95,186)
-
#3b5ac4
#3b5ac4
rgb(59,90,196)
-
#3155ce
#3155ce
rgb(49,85,206)
-
#274fd8
#274fd8
rgb(39,79,216)
-
#1d4ae2
#1d4ae2
rgb(29,74,226)
-
#1445eb
#1445eb
rgb(20,69,235)
-
#0a3ff5
#0a3ff5
rgb(10,63,245)
-
#003aff
#003aff
rgb(0,58,255)
Color Blindness Simulator
Below, you can see how #003aff 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.