#003ae2 Color Information
In a RGB color space, hex #003ae2 is composed of 0% red, 22.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 74.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 224.6 degrees, a saturation of 100% and a lightness of 44.3%. #003ae2 color hex could be obtained by blending #0074ff with #0000c5. Closest websafe color is: #0033cc.
-
- R 0
- G 23
- B 89
-
- C 100
- M 74
- Y 0
- K 11
● #003ae2 color description : Pure (or mostly pure) blue.
#003ae2 Color Conversion
The hexadecimal color #003ae2 has RGB values of R:0, G:58, B:226 and CMYK values of C:1, M:0.74, Y:0, K:0.11. Its decimal value is 15074.
Hex triplet | 003ae2 | #003ae2 |
---|---|---|
RGB Decimal | 0, 58, 226 | rgb(0,58,226) |
RGB Percent | 0, 22.7, 88.6 | rgb(0%,22.7%,88.6%) |
CMYK | 100, 74, 0, 11 | |
HSL | 224.6°, 100, 44.3 | hsl(224.6,100%,44.3%) |
HSV (or HSB) | 224.6°, 100, 88.6 | |
Web Safe | 0033cc | #0033cc |
CIE-LAB | 35.035, 51.643, -86.885 |
---|---|
XYZ | 15.238, 8.516, 72.788 |
xyY | 0.158, 0.088, 8.516 |
CIE-LCH | 35.035, 101.074, 300.727 |
CIE-LUV | 35.035, -13.281, -116.701 |
Hunter-Lab | 29.182, 42.138, -127.459 |
Binary | 00000000, 00111010, 11100010 |
Color Schemes with #003ae2
Alternatives to #003ae2
Below, you can see some colors close to #003ae2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#003ae2 Preview
This text has a font color of #003ae2.
<span style="color:#003ae2;">Text here</span>
This paragraph has a background color of #003ae2.
<p style="background-color:#003ae2;">Content here</p>
This element has a border color of #003ae2.
<div style="border:1px solid #003ae2;">Content here</div>
.text {color:#003ae2;}
.background {background-color:#003ae2;}
.border {border:1px solid #003ae2;}
Shades and Tints of #003ae2
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, #00030a is the darkest color, while #f6f8ff is the lightest one.
-
#00030a
#00030a
rgb(0,3,10)
-
#00081e
#00081e
rgb(0,8,30)
-
#000d31
#000d31
rgb(0,13,49)
-
#001245
#001245
rgb(0,18,69)
-
#001759
#001759
rgb(0,23,89)
-
#001c6c
#001c6c
rgb(0,28,108)
-
#002180
#002180
rgb(0,33,128)
-
#002694
#002694
rgb(0,38,148)
-
#002ba7
#002ba7
rgb(0,43,167)
-
#0030bb
#0030bb
rgb(0,48,187)
-
#0035ce
#0035ce
rgb(0,53,206)
-
#003ae2
#003ae2
rgb(0,58,226)
-
#003ff6
#003ff6
rgb(0,63,246)
-
#0a49ff
#0a49ff
rgb(10,73,255)
-
#1e58ff
#1e58ff
rgb(30,88,255)
-
#3166ff
#3166ff
rgb(49,102,255)
-
#4575ff
#4575ff
rgb(69,117,255)
-
#5983ff
#5983ff
rgb(89,131,255)
-
#6c92ff
#6c92ff
rgb(108,146,255)
-
#80a1ff
#80a1ff
rgb(128,161,255)
-
#94afff
#94afff
rgb(148,175,255)
-
#a7beff
#a7beff
rgb(167,190,255)
-
#bbccff
#bbccff
rgb(187,204,255)
-
#cedbff
#cedbff
rgb(206,219,255)
-
#e2e9ff
#e2e9ff
rgb(226,233,255)
-
#f6f8ff
#f6f8ff
rgb(246,248,255)
Tones of #003ae2
A tone is produced by adding gray to any pure hue. In this case, #686d7a is the less saturated color, while #003ae2 is the most saturated one.
-
#686d7a
#686d7a
rgb(104,109,122)
-
#606982
#606982
rgb(96,105,130)
-
#57648b
#57648b
rgb(87,100,139)
-
#4e6094
#4e6094
rgb(78,96,148)
-
#465c9c
#465c9c
rgb(70,92,156)
-
#3d58a5
#3d58a5
rgb(61,88,165)
-
#3453ae
#3453ae
rgb(52,83,174)
-
#2b4fb7
#2b4fb7
rgb(43,79,183)
-
#234bbf
#234bbf
rgb(35,75,191)
-
#1a47c8
#1a47c8
rgb(26,71,200)
-
#1142d1
#1142d1
rgb(17,66,209)
-
#093ed9
#093ed9
rgb(9,62,217)
-
#003ae2
#003ae2
rgb(0,58,226)
Color Blindness Simulator
Below, you can see how #003ae2 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.