#1533ff Color Information
In a RGB color space, hex #1533ff is composed of 8.2% red, 20% green and 100% blue. Whereas in a CMYK color space, it is composed of 91.8% cyan, 80% magenta, 0% yellow and 0% black. It has a hue angle of 232.3 degrees, a saturation of 100% and a lightness of 54.1%. #1533ff color hex could be obtained by blending #2a66ff with #0000ff. Closest websafe color is: #0033ff.
-
- R 8
- G 20
- B 100
-
- C 92
- M 80
- Y 0
- K 0
● #1533ff color description : Vivid blue.
#1533ff Color Conversion
The hexadecimal color #1533ff has RGB values of R:21, G:51, B:255 and CMYK values of C:0.92, M:0.8, Y:0, K:0. Its decimal value is 1389567.
Hex triplet | 1533ff | #1533ff |
---|---|---|
RGB Decimal | 21, 51, 255 | rgb(21,51,255) |
RGB Percent | 8.2, 20, 100 | rgb(8.2%,20%,100%) |
CMYK | 92, 80, 0, 0 | |
HSL | 232.3°, 100, 54.1 | hsl(232.3,100%,54.1%) |
HSV (or HSB) | 232.3°, 91.8, 100 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 37.382, 65.001, -99.376 |
---|---|
XYZ | 19.539, 9.746, 95.453 |
xyY | 0.157, 0.078, 9.746 |
CIE-LCH | 37.382, 118.747, 303.188 |
CIE-LUV | 37.382, -12.128, -133.311 |
Hunter-Lab | 31.218, 57.093, -159.436 |
Binary | 00010101, 00110011, 11111111 |
Color Schemes with #1533ff
Alternatives to #1533ff
Below, you can see some colors close to #1533ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1533ff Preview
This text has a font color of #1533ff.
<span style="color:#1533ff;">Text here</span>
This paragraph has a background color of #1533ff.
<p style="background-color:#1533ff;">Content here</p>
This element has a border color of #1533ff.
<div style="border:1px solid #1533ff;">Content here</div>
.text {color:#1533ff;}
.background {background-color:#1533ff;}
.border {border:1px solid #1533ff;}
Shades and Tints of #1533ff
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 #edefff is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#000315
#000315
rgb(0,3,21)
-
#000529
#000529
rgb(0,5,41)
-
#00083c
#00083c
rgb(0,8,60)
-
#000a50
#000a50
rgb(0,10,80)
-
#000d63
#000d63
rgb(0,13,99)
-
#000f77
#000f77
rgb(0,15,119)
-
#00128b
#00128b
rgb(0,18,139)
-
#00149e
#00149e
rgb(0,20,158)
-
#0017b2
#0017b2
rgb(0,23,178)
-
#0019c6
#0019c6
rgb(0,25,198)
-
#001cd9
#001cd9
rgb(0,28,217)
-
#001eed
#001eed
rgb(0,30,237)
-
#0122ff
#0122ff
rgb(1,34,255)
-
#1533ff
#1533ff
rgb(21,51,255)
-
#2944ff
#2944ff
rgb(41,68,255)
-
#3c55ff
#3c55ff
rgb(60,85,255)
-
#5066ff
#5066ff
rgb(80,102,255)
-
#6377ff
#6377ff
rgb(99,119,255)
-
#7789ff
#7789ff
rgb(119,137,255)
-
#8b9aff
#8b9aff
rgb(139,154,255)
-
#9eabff
#9eabff
rgb(158,171,255)
-
#b2bcff
#b2bcff
rgb(178,188,255)
-
#c6cdff
#c6cdff
rgb(198,205,255)
-
#d9deff
#d9deff
rgb(217,222,255)
-
#edefff
#edefff
rgb(237,239,255)
Tones of #1533ff
A tone is produced by adding gray to any pure hue. In this case, #818393 is the less saturated color, while #1533ff is the most saturated one.
-
#818393
#818393
rgb(129,131,147)
-
#787d9c
#787d9c
rgb(120,125,156)
-
#6f76a5
#6f76a5
rgb(111,118,165)
-
#666fae
#666fae
rgb(102,111,174)
-
#5d69b7
#5d69b7
rgb(93,105,183)
-
#5462c0
#5462c0
rgb(84,98,192)
-
#4b5bc9
#4b5bc9
rgb(75,91,201)
-
#4254d2
#4254d2
rgb(66,84,210)
-
#394edb
#394edb
rgb(57,78,219)
-
#3047e4
#3047e4
rgb(48,71,228)
-
#2740ed
#2740ed
rgb(39,64,237)
-
#1e3af6
#1e3af6
rgb(30,58,246)
-
#1533ff
#1533ff
rgb(21,51,255)
Color Blindness Simulator
Below, you can see how #1533ff 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.