#1522ff Color Information
In a RGB color space, hex #1522ff is composed of 8.2% red, 13.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 91.8% cyan, 86.7% magenta, 0% yellow and 0% black. It has a hue angle of 236.7 degrees, a saturation of 100% and a lightness of 54.1%. #1522ff color hex could be obtained by blending #2a44ff with #0000ff. Closest websafe color is: #0033ff.
-
- R 8
- G 13
- B 100
-
- C 92
- M 87
- Y 0
- K 0
● #1522ff color description : Vivid blue.
#1522ff Color Conversion
The hexadecimal color #1522ff has RGB values of R:21, G:34, B:255 and CMYK values of C:0.92, M:0.87, Y:0, K:0. Its decimal value is 1385215.
Hex triplet | 1522ff | #1522ff |
---|---|---|
RGB Decimal | 21, 34, 255 | rgb(21,34,255) |
RGB Percent | 8.2, 13.3, 100 | rgb(8.2%,13.3%,100%) |
CMYK | 92, 87, 0, 0 | |
HSL | 236.7°, 100, 54.1 | hsl(236.7,100%,54.1%) |
HSV (or HSB) | 236.7°, 91.8, 100 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 35.047, 71.951, -103.265 |
---|---|
XYZ | 18.928, 8.522, 95.25 |
xyY | 0.154, 0.069, 8.522 |
CIE-LCH | 35.047, 125.86, 304.867 |
CIE-LUV | 35.047, -10.383, -132.585 |
Hunter-Lab | 29.192, 64.648, -173.017 |
Binary | 00010101, 00100010, 11111111 |
Color Schemes with #1522ff
Alternatives to #1522ff
Below, you can see some colors close to #1522ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1522ff Preview
This text has a font color of #1522ff.
<span style="color:#1522ff;">Text here</span>
This paragraph has a background color of #1522ff.
<p style="background-color:#1522ff;">Content here</p>
This element has a border color of #1522ff.
<div style="border:1px solid #1522ff;">Content here</div>
.text {color:#1522ff;}
.background {background-color:#1522ff;}
.border {border:1px solid #1522ff;}
Shades and Tints of #1522ff
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, #000001 is the darkest color, while #edeeff is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#000115
#000115
rgb(0,1,21)
-
#000229
#000229
rgb(0,2,41)
-
#00033c
#00033c
rgb(0,3,60)
-
#000450
#000450
rgb(0,4,80)
-
#000663
#000663
rgb(0,6,99)
-
#000777
#000777
rgb(0,7,119)
-
#00088b
#00088b
rgb(0,8,139)
-
#00099e
#00099e
rgb(0,9,158)
-
#000ab2
#000ab2
rgb(0,10,178)
-
#000bc6
#000bc6
rgb(0,11,198)
-
#000cd9
#000cd9
rgb(0,12,217)
-
#000ded
#000ded
rgb(0,13,237)
-
#010fff
#010fff
rgb(1,15,255)
-
#1522ff
#1522ff
rgb(21,34,255)
-
#2935ff
#2935ff
rgb(41,53,255)
-
#3c47ff
#3c47ff
rgb(60,71,255)
-
#505aff
#505aff
rgb(80,90,255)
-
#636cff
#636cff
rgb(99,108,255)
-
#777fff
#777fff
rgb(119,127,255)
-
#8b91ff
#8b91ff
rgb(139,145,255)
-
#9ea4ff
#9ea4ff
rgb(158,164,255)
-
#b2b6ff
#b2b6ff
rgb(178,182,255)
-
#c6c9ff
#c6c9ff
rgb(198,201,255)
-
#d9dbff
#d9dbff
rgb(217,219,255)
-
#edeeff
#edeeff
rgb(237,238,255)
Tones of #1522ff
A tone is produced by adding gray to any pure hue. In this case, #818293 is the less saturated color, while #1522ff is the most saturated one.
-
#818293
#818293
rgb(129,130,147)
-
#787a9c
#787a9c
rgb(120,122,156)
-
#6f72a5
#6f72a5
rgb(111,114,165)
-
#666aae
#666aae
rgb(102,106,174)
-
#5d62b7
#5d62b7
rgb(93,98,183)
-
#545ac0
#545ac0
rgb(84,90,192)
-
#4b52c9
#4b52c9
rgb(75,82,201)
-
#424ad2
#424ad2
rgb(66,74,210)
-
#3942db
#3942db
rgb(57,66,219)
-
#303ae4
#303ae4
rgb(48,58,228)
-
#2732ed
#2732ed
rgb(39,50,237)
-
#1e2af6
#1e2af6
rgb(30,42,246)
-
#1522ff
#1522ff
rgb(21,34,255)
Color Blindness Simulator
Below, you can see how #1522ff 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.