#2533ff Color Information
In a RGB color space, hex #2533ff is composed of 14.5% red, 20% green and 100% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 80% magenta, 0% yellow and 0% black. It has a hue angle of 236.1 degrees, a saturation of 100% and a lightness of 57.3%. #2533ff color hex could be obtained by blending #4a66ff with #0000ff. Closest websafe color is: #3333ff.
-
- R 15
- G 20
- B 100
-
- C 85
- M 80
- Y 0
- K 0
● #2533ff color description : Vivid blue.
#2533ff Color Conversion
The hexadecimal color #2533ff has RGB values of R:37, G:51, B:255 and CMYK values of C:0.85, M:0.8, Y:0, K:0. Its decimal value is 2438143.
Hex triplet | 2533ff | #2533ff |
---|---|---|
RGB Decimal | 37, 51, 255 | rgb(37,51,255) |
RGB Percent | 14.5, 20, 100 | rgb(14.5%,20%,100%) |
CMYK | 85, 80, 0, 0 | |
HSL | 236.1°, 100, 57.3 | hsl(236.1,100%,57.3%) |
HSV (or HSB) | 236.1°, 85.5, 100 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 37.806, 65.44, -98.66 |
---|---|
XYZ | 19.993, 9.979, 95.475 |
xyY | 0.159, 0.08, 9.979 |
CIE-LCH | 37.806, 118.39, 303.556 |
CIE-LUV | 37.806, -11.06, -133.396 |
Hunter-Lab | 31.59, 57.687, -157.078 |
Binary | 00100101, 00110011, 11111111 |
Color Schemes with #2533ff
Alternatives to #2533ff
Below, you can see some colors close to #2533ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2533ff Preview
This text has a font color of #2533ff.
<span style="color:#2533ff;">Text here</span>
This paragraph has a background color of #2533ff.
<p style="background-color:#2533ff;">Content here</p>
This element has a border color of #2533ff.
<div style="border:1px solid #2533ff;">Content here</div>
.text {color:#2533ff;}
.background {background-color:#2533ff;}
.border {border:1px solid #2533ff;}
Shades and Tints of #2533ff
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, #000111 is the darkest color, while #fdfdff is the lightest one.
-
#000111
#000111
rgb(0,1,17)
-
#000225
#000225
rgb(0,2,37)
-
#000439
#000439
rgb(0,4,57)
-
#00054c
#00054c
rgb(0,5,76)
-
#000660
#000660
rgb(0,6,96)
-
#000773
#000773
rgb(0,7,115)
-
#000987
#000987
rgb(0,9,135)
-
#000a9b
#000a9b
rgb(0,10,155)
-
#000bae
#000bae
rgb(0,11,174)
-
#000cc2
#000cc2
rgb(0,12,194)
-
#000ed6
#000ed6
rgb(0,14,214)
-
#000fe9
#000fe9
rgb(0,15,233)
-
#0010fd
#0010fd
rgb(0,16,253)
-
#1121ff
#1121ff
rgb(17,33,255)
-
#2533ff
#2533ff
rgb(37,51,255)
-
#3945ff
#3945ff
rgb(57,69,255)
-
#4c58ff
#4c58ff
rgb(76,88,255)
-
#606aff
#606aff
rgb(96,106,255)
-
#737cff
#737cff
rgb(115,124,255)
-
#878fff
#878fff
rgb(135,143,255)
-
#9ba1ff
#9ba1ff
rgb(155,161,255)
-
#aeb3ff
#aeb3ff
rgb(174,179,255)
-
#c2c6ff
#c2c6ff
rgb(194,198,255)
-
#d6d8ff
#d6d8ff
rgb(214,216,255)
-
#e9ebff
#e9ebff
rgb(233,235,255)
-
#fdfdff
#fdfdff
rgb(253,253,255)
Tones of #2533ff
A tone is produced by adding gray to any pure hue. In this case, #8a8b9a is the less saturated color, while #2533ff is the most saturated one.
-
#8a8b9a
#8a8b9a
rgb(138,139,154)
-
#8183a3
#8183a3
rgb(129,131,163)
-
#797cab
#797cab
rgb(121,124,171)
-
#7075b4
#7075b4
rgb(112,117,180)
-
#686dbc
#686dbc
rgb(104,109,188)
-
#6066c4
#6066c4
rgb(96,102,196)
-
#575fcd
#575fcd
rgb(87,95,205)
-
#4f58d5
#4f58d5
rgb(79,88,213)
-
#4750dd
#4750dd
rgb(71,80,221)
-
#3e49e6
#3e49e6
rgb(62,73,230)
-
#3642ee
#3642ee
rgb(54,66,238)
-
#2d3af7
#2d3af7
rgb(45,58,247)
-
#2533ff
#2533ff
rgb(37,51,255)
Color Blindness Simulator
Below, you can see how #2533ff 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.