#332cff Color Information
In a RGB color space, hex #332cff is composed of 20% red, 17.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 82.7% magenta, 0% yellow and 0% black. It has a hue angle of 242 degrees, a saturation of 100% and a lightness of 58.6%. #332cff color hex could be obtained by blending #6658ff with #0000ff. Closest websafe color is: #3333ff.
-
- R 20
- G 17
- B 100
-
- C 80
- M 83
- Y 0
- K 0
● #332cff color description : Vivid blue.
#332cff Color Conversion
The hexadecimal color #332cff has RGB values of R:51, G:44, B:255 and CMYK values of C:0.8, M:0.83, Y:0, K:0. Its decimal value is 3353855.
Hex triplet | 332cff | #332cff |
---|---|---|
RGB Decimal | 51, 44, 255 | rgb(51,44,255) |
RGB Percent | 20, 17.3, 100 | rgb(20%,17.3%,100%) |
CMYK | 80, 83, 0, 0 | |
HSL | 242°, 100, 58.6 | hsl(242,100%,58.6%) |
HSV (or HSB) | 242°, 82.7, 100 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 37.342, 69.012, -99.415 |
---|---|
XYZ | 20.312, 9.724, 95.409 |
xyY | 0.162, 0.078, 9.724 |
CIE-LCH | 37.342, 121.021, 304.768 |
CIE-LUV | 37.342, -8.855, -133.445 |
Hunter-Lab | 31.183, 61.703, -159.578 |
Binary | 00110011, 00101100, 11111111 |
Color Schemes with #332cff
Alternatives to #332cff
Below, you can see some colors close to #332cff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#332cff Preview
This text has a font color of #332cff.
<span style="color:#332cff;">Text here</span>
This paragraph has a background color of #332cff.
<p style="background-color:#332cff;">Content here</p>
This element has a border color of #332cff.
<div style="border:1px solid #332cff;">Content here</div>
.text {color:#332cff;}
.background {background-color:#332cff;}
.border {border:1px solid #332cff;}
Shades and Tints of #332cff
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, #000005 is the darkest color, while #f1f0ff is the lightest one.
-
#000005
#000005
rgb(0,0,5)
-
#010018
#010018
rgb(1,0,24)
-
#01002c
#01002c
rgb(1,0,44)
-
#020040
#020040
rgb(2,0,64)
-
#030053
#030053
rgb(3,0,83)
-
#030067
#030067
rgb(3,0,103)
-
#04007a
#04007a
rgb(4,0,122)
-
#05008e
#05008e
rgb(5,0,142)
-
#0500a2
#0500a2
rgb(5,0,162)
-
#0600b5
#0600b5
rgb(6,0,181)
-
#0700c9
#0700c9
rgb(7,0,201)
-
#0700dd
#0700dd
rgb(7,0,221)
-
#0800f0
#0800f0
rgb(8,0,240)
-
#0d05ff
#0d05ff
rgb(13,5,255)
-
#2018ff
#2018ff
rgb(32,24,255)
-
#332cff
#332cff
rgb(51,44,255)
-
#4640ff
#4640ff
rgb(70,64,255)
-
#5953ff
#5953ff
rgb(89,83,255)
-
#6c67ff
#6c67ff
rgb(108,103,255)
-
#7f7aff
#7f7aff
rgb(127,122,255)
-
#928eff
#928eff
rgb(146,142,255)
-
#a5a2ff
#a5a2ff
rgb(165,162,255)
-
#b8b5ff
#b8b5ff
rgb(184,181,255)
-
#cbc9ff
#cbc9ff
rgb(203,201,255)
-
#deddff
#deddff
rgb(222,221,255)
-
#f1f0ff
#f1f0ff
rgb(241,240,255)
Tones of #332cff
A tone is produced by adding gray to any pure hue. In this case, #8e8d9e is the less saturated color, while #332cff is the most saturated one.
-
#8e8d9e
#8e8d9e
rgb(142,141,158)
-
#8685a6
#8685a6
rgb(134,133,166)
-
#7f7dae
#7f7dae
rgb(127,125,174)
-
#7775b6
#7775b6
rgb(119,117,182)
-
#706dbe
#706dbe
rgb(112,109,190)
-
#6865c6
#6865c6
rgb(104,101,198)
-
#605dce
#605dce
rgb(96,93,206)
-
#5955d6
#5955d6
rgb(89,85,214)
-
#514cdf
#514cdf
rgb(81,76,223)
-
#4a44e7
#4a44e7
rgb(74,68,231)
-
#423cef
#423cef
rgb(66,60,239)
-
#3b34f7
#3b34f7
rgb(59,52,247)
-
#332cff
#332cff
rgb(51,44,255)
Color Blindness Simulator
Below, you can see how #332cff 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.