#332aff Color Information
In a RGB color space, hex #332aff is composed of 20% red, 16.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 83.5% magenta, 0% yellow and 0% black. It has a hue angle of 242.5 degrees, a saturation of 100% and a lightness of 58.2%. #332aff color hex could be obtained by blending #6654ff with #0000ff. Closest websafe color is: #3333ff.
-
- R 20
- G 16
- B 100
-
- C 80
- M 84
- Y 0
- K 0
● #332aff color description : Vivid blue.
#332aff Color Conversion
The hexadecimal color #332aff has RGB values of R:51, G:42, B:255 and CMYK values of C:0.8, M:0.84, Y:0, K:0. Its decimal value is 3353343.
Hex triplet | 332aff | #332aff |
---|---|---|
RGB Decimal | 51, 42, 255 | rgb(51,42,255) |
RGB Percent | 20, 16.5, 100 | rgb(20%,16.5%,100%) |
CMYK | 80, 84, 0, 0 | |
HSL | 242.5°, 100, 58.2 | hsl(242.5,100%,58.2%) |
HSV (or HSB) | 242.5°, 83.5, 100 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 37.075, 69.807, -99.86 |
---|---|
XYZ | 20.24, 9.578, 95.384 |
xyY | 0.162, 0.077, 9.578 |
CIE-LCH | 37.075, 121.84, 304.956 |
CIE-LUV | 37.075, -8.656, -133.409 |
Hunter-Lab | 30.949, 62.573, -161.067 |
Binary | 00110011, 00101010, 11111111 |
Color Schemes with #332aff
Alternatives to #332aff
Below, you can see some colors close to #332aff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#332aff Preview
This text has a font color of #332aff.
<span style="color:#332aff;">Text here</span>
This paragraph has a background color of #332aff.
<p style="background-color:#332aff;">Content here</p>
This element has a border color of #332aff.
<div style="border:1px solid #332aff;">Content here</div>
.text {color:#332aff;}
.background {background-color:#332aff;}
.border {border:1px solid #332aff;}
Shades and Tints of #332aff
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 #efeeff is the lightest one.
-
#000003
#000003
rgb(0,0,3)
-
#010016
#010016
rgb(1,0,22)
-
#02002a
#02002a
rgb(2,0,42)
-
#03003e
#03003e
rgb(3,0,62)
-
#030051
#030051
rgb(3,0,81)
-
#040065
#040065
rgb(4,0,101)
-
#050078
#050078
rgb(5,0,120)
-
#06008c
#06008c
rgb(6,0,140)
-
#0700a0
#0700a0
rgb(7,0,160)
-
#0800b3
#0800b3
rgb(8,0,179)
-
#0800c7
#0800c7
rgb(8,0,199)
-
#0900db
#0900db
rgb(9,0,219)
-
#0a00ee
#0a00ee
rgb(10,0,238)
-
#0d03ff
#0d03ff
rgb(13,3,255)
-
#2016ff
#2016ff
rgb(32,22,255)
-
#332aff
#332aff
rgb(51,42,255)
-
#463eff
#463eff
rgb(70,62,255)
-
#5951ff
#5951ff
rgb(89,81,255)
-
#6b65ff
#6b65ff
rgb(107,101,255)
-
#7e78ff
#7e78ff
rgb(126,120,255)
-
#918cff
#918cff
rgb(145,140,255)
-
#a4a0ff
#a4a0ff
rgb(164,160,255)
-
#b7b3ff
#b7b3ff
rgb(183,179,255)
-
#c9c7ff
#c9c7ff
rgb(201,199,255)
-
#dcdbff
#dcdbff
rgb(220,219,255)
-
#efeeff
#efeeff
rgb(239,238,255)
Tones of #332aff
A tone is produced by adding gray to any pure hue. In this case, #8d8c9d is the less saturated color, while #332aff is the most saturated one.
-
#8d8c9d
#8d8c9d
rgb(141,140,157)
-
#8684a5
#8684a5
rgb(134,132,165)
-
#7e7cad
#7e7cad
rgb(126,124,173)
-
#7774b5
#7774b5
rgb(119,116,181)
-
#6f6cbd
#6f6cbd
rgb(111,108,189)
-
#6863c6
#6863c6
rgb(104,99,198)
-
#605bce
#605bce
rgb(96,91,206)
-
#5953d6
#5953d6
rgb(89,83,214)
-
#514bde
#514bde
rgb(81,75,222)
-
#4943e6
#4943e6
rgb(73,67,230)
-
#423aef
#423aef
rgb(66,58,239)
-
#3a32f7
#3a32f7
rgb(58,50,247)
-
#332aff
#332aff
rgb(51,42,255)
Color Blindness Simulator
Below, you can see how #332aff 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.