#003afa Color Information
In a RGB color space, hex #003afa is composed of 0% red, 22.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 76.8% magenta, 0% yellow and 2% black. It has a hue angle of 226.1 degrees, a saturation of 100% and a lightness of 49%. #003afa color hex could be obtained by blending #0074ff with #0000f5. Closest websafe color is: #0033ff.
-
- R 0
- G 23
- B 98
-
- C 100
- M 77
- Y 0
- K 2
● #003afa color description : Pure (or mostly pure) blue.
#003afa Color Conversion
The hexadecimal color #003afa has RGB values of R:0, G:58, B:250 and CMYK values of C:1, M:0.77, Y:0, K:0.02. Its decimal value is 15098.
Hex triplet | 003afa | #003afa |
---|---|---|
RGB Decimal | 0, 58, 250 | rgb(0,58,250) |
RGB Percent | 0, 22.7, 98 | rgb(0%,22.7%,98%) |
CMYK | 100, 77, 0, 2 | |
HSL | 226.1°, 100, 49 | hsl(226.1,100%,49%) |
HSV (or HSB) | 226.1°, 100, 98 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 37.711, 59.632, -96.036 |
---|---|
XYZ | 18.765, 9.927, 91.364 |
xyY | 0.156, 0.083, 9.927 |
CIE-LCH | 37.711, 113.044, 301.837 |
CIE-LUV | 37.711, -13.692, -130.451 |
Hunter-Lab | 31.507, 51.175, -149.877 |
Binary | 00000000, 00111010, 11111010 |
Color Schemes with #003afa
Alternatives to #003afa
Below, you can see some colors close to #003afa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#003afa Preview
This text has a font color of #003afa.
<span style="color:#003afa;">Text here</span>
This paragraph has a background color of #003afa.
<p style="background-color:#003afa;">Content here</p>
This element has a border color of #003afa.
<div style="border:1px solid #003afa;">Content here</div>
.text {color:#003afa;}
.background {background-color:#003afa;}
.border {border:1px solid #003afa;}
Shades and Tints of #003afa
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, #00030f is the darkest color, while #fafbff is the lightest one.
-
#00030f
#00030f
rgb(0,3,15)
-
#000822
#000822
rgb(0,8,34)
-
#000c36
#000c36
rgb(0,12,54)
-
#001149
#001149
rgb(0,17,73)
-
#00165d
#00165d
rgb(0,22,93)
-
#001a71
#001a71
rgb(0,26,113)
-
#001f84
#001f84
rgb(0,31,132)
-
#002398
#002398
rgb(0,35,152)
-
#0028ac
#0028ac
rgb(0,40,172)
-
#002cbf
#002cbf
rgb(0,44,191)
-
#0031d3
#0031d3
rgb(0,49,211)
-
#0035e6
#0035e6
rgb(0,53,230)
-
#003afa
#003afa
rgb(0,58,250)
-
#0f46ff
#0f46ff
rgb(15,70,255)
-
#2255ff
#2255ff
rgb(34,85,255)
-
#3665ff
#3665ff
rgb(54,101,255)
-
#4974ff
#4974ff
rgb(73,116,255)
-
#5d83ff
#5d83ff
rgb(93,131,255)
-
#7192ff
#7192ff
rgb(113,146,255)
-
#84a1ff
#84a1ff
rgb(132,161,255)
-
#98b0ff
#98b0ff
rgb(152,176,255)
-
#acbfff
#acbfff
rgb(172,191,255)
-
#bfceff
#bfceff
rgb(191,206,255)
-
#d3ddff
#d3ddff
rgb(211,221,255)
-
#e6ecff
#e6ecff
rgb(230,236,255)
-
#fafbff
#fafbff
rgb(250,251,255)
Tones of #003afa
A tone is produced by adding gray to any pure hue. In this case, #737887 is the less saturated color, while #003afa is the most saturated one.
-
#737887
#737887
rgb(115,120,135)
-
#6a7390
#6a7390
rgb(106,115,144)
-
#606e9a
#606e9a
rgb(96,110,154)
-
#5768a3
#5768a3
rgb(87,104,163)
-
#4d63ad
#4d63ad
rgb(77,99,173)
-
#435eb7
#435eb7
rgb(67,94,183)
-
#3a59c0
#3a59c0
rgb(58,89,192)
-
#3054ca
#3054ca
rgb(48,84,202)
-
#264fd4
#264fd4
rgb(38,79,212)
-
#1d49dd
#1d49dd
rgb(29,73,221)
-
#1344e7
#1344e7
rgb(19,68,231)
-
#0a3ff0
#0a3ff0
rgb(10,63,240)
-
#003afa
#003afa
rgb(0,58,250)
Color Blindness Simulator
Below, you can see how #003afa 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.