#2a33ff Color Information
In a RGB color space, hex #2a33ff is composed of 16.5% red, 20% green and 100% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 80% magenta, 0% yellow and 0% black. It has a hue angle of 237.5 degrees, a saturation of 100% and a lightness of 58.2%. #2a33ff color hex could be obtained by blending #5466ff with #0000ff. Closest websafe color is: #3333ff.
-
- R 16
- G 20
- B 100
-
- C 84
- M 80
- Y 0
- K 0
● #2a33ff color description : Vivid blue.
#2a33ff Color Conversion
The hexadecimal color #2a33ff has RGB values of R:42, G:51, B:255 and CMYK values of C:0.84, M:0.8, Y:0, K:0. Its decimal value is 2765823.
Hex triplet | 2a33ff | #2a33ff |
---|---|---|
RGB Decimal | 42, 51, 255 | rgb(42,51,255) |
RGB Percent | 16.5, 20, 100 | rgb(16.5%,20%,100%) |
CMYK | 84, 80, 0, 0 | |
HSL | 237.5°, 100, 58.2 | hsl(237.5,100%,58.2%) |
HSV (or HSB) | 237.5°, 83.5, 100 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 37.983, 65.625, -98.36 |
---|---|
XYZ | 20.185, 10.078, 95.484 |
xyY | 0.161, 0.08, 10.078 |
CIE-LCH | 37.983, 118.243, 303.711 |
CIE-LUV | 37.983, -10.606, -133.422 |
Hunter-Lab | 31.747, 57.937, -156.103 |
Binary | 00101010, 00110011, 11111111 |
Color Schemes with #2a33ff
Alternatives to #2a33ff
Below, you can see some colors close to #2a33ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2a33ff Preview
This text has a font color of #2a33ff.
<span style="color:#2a33ff;">Text here</span>
This paragraph has a background color of #2a33ff.
<p style="background-color:#2a33ff;">Content here</p>
This element has a border color of #2a33ff.
<div style="border:1px solid #2a33ff;">Content here</div>
.text {color:#2a33ff;}
.background {background-color:#2a33ff;}
.border {border:1px solid #2a33ff;}
Shades and Tints of #2a33ff
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, #000003 is the darkest color, while #eeefff is the lightest one.
-
#000003
#000003
rgb(0,0,3)
-
#000116
#000116
rgb(0,1,22)
-
#00022a
#00022a
rgb(0,2,42)
-
#00033e
#00033e
rgb(0,3,62)
-
#000351
#000351
rgb(0,3,81)
-
#000465
#000465
rgb(0,4,101)
-
#000578
#000578
rgb(0,5,120)
-
#00068c
#00068c
rgb(0,6,140)
-
#0007a0
#0007a0
rgb(0,7,160)
-
#0008b3
#0008b3
rgb(0,8,179)
-
#0008c7
#0008c7
rgb(0,8,199)
-
#0009db
#0009db
rgb(0,9,219)
-
#000aee
#000aee
rgb(0,10,238)
-
#030dff
#030dff
rgb(3,13,255)
-
#1620ff
#1620ff
rgb(22,32,255)
-
#2a33ff
#2a33ff
rgb(42,51,255)
-
#3e46ff
#3e46ff
rgb(62,70,255)
-
#5159ff
#5159ff
rgb(81,89,255)
-
#656bff
#656bff
rgb(101,107,255)
-
#787eff
#787eff
rgb(120,126,255)
-
#8c91ff
#8c91ff
rgb(140,145,255)
-
#a0a4ff
#a0a4ff
rgb(160,164,255)
-
#b3b7ff
#b3b7ff
rgb(179,183,255)
-
#c7c9ff
#c7c9ff
rgb(199,201,255)
-
#dbdcff
#dbdcff
rgb(219,220,255)
-
#eeefff
#eeefff
rgb(238,239,255)
Tones of #2a33ff
A tone is produced by adding gray to any pure hue. In this case, #8c8d9d is the less saturated color, while #2a33ff is the most saturated one.
-
#8c8d9d
#8c8d9d
rgb(140,141,157)
-
#8486a5
#8486a5
rgb(132,134,165)
-
#7c7ead
#7c7ead
rgb(124,126,173)
-
#7477b5
#7477b5
rgb(116,119,181)
-
#6c6fbd
#6c6fbd
rgb(108,111,189)
-
#6368c6
#6368c6
rgb(99,104,198)
-
#5b60ce
#5b60ce
rgb(91,96,206)
-
#5359d6
#5359d6
rgb(83,89,214)
-
#4b51de
#4b51de
rgb(75,81,222)
-
#434ae6
#434ae6
rgb(67,74,230)
-
#3a42ef
#3a42ef
rgb(58,66,239)
-
#323bf7
#323bf7
rgb(50,59,247)
-
#2a33ff
#2a33ff
rgb(42,51,255)
Color Blindness Simulator
Below, you can see how #2a33ff 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.