#3322cc Color Information
In a RGB color space, hex #3322cc is composed of 20% red, 13.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 83.3% magenta, 0% yellow and 20% black. It has a hue angle of 246 degrees, a saturation of 71.4% and a lightness of 46.7%. #3322cc color hex could be obtained by blending #6644ff with #000099. Closest websafe color is: #3333cc.
-
- R 20
- G 13
- B 80
-
- C 75
- M 83
- Y 0
- K 20
● #3322cc color description : Strong blue.
#3322cc Color Conversion
The hexadecimal color #3322cc has RGB values of R:51, G:34, B:204 and CMYK values of C:0.75, M:0.83, Y:0, K:0.2. Its decimal value is 3351244.
Hex triplet | 3322cc | #3322cc |
---|---|---|
RGB Decimal | 51, 34, 204 | rgb(51,34,204) |
RGB Percent | 20, 13.3, 80 | rgb(20%,13.3%,80%) |
CMYK | 75, 83, 0, 20 | |
HSL | 246°, 71.4, 46.7 | hsl(246,71.4%,46.7%) |
HSV (or HSB) | 246°, 83.3, 80 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 29.928, 58.549, -82.608 |
---|---|
XYZ | 12.834, 6.207, 57.645 |
xyY | 0.167, 0.081, 6.207 |
CIE-LCH | 29.928, 101.253, 305.327 |
CIE-LUV | 29.928, -5.35, -104.28 |
Hunter-Lab | 24.913, 48.357, -119.747 |
Binary | 00110011, 00100010, 11001100 |
Color Schemes with #3322cc
Alternatives to #3322cc
Below, you can see some colors close to #3322cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3322cc Preview
This text has a font color of #3322cc.
<span style="color:#3322cc;">Text here</span>
This paragraph has a background color of #3322cc.
<p style="background-color:#3322cc;">Content here</p>
This element has a border color of #3322cc.
<div style="border:1px solid #3322cc;">Content here</div>
.text {color:#3322cc;}
.background {background-color:#3322cc;}
.border {border:1px solid #3322cc;}
Shades and Tints of #3322cc
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, #010002 is the darkest color, while #f2f0fd is the lightest one.
-
#010002
#010002
rgb(1,0,2)
-
#050313
#050313
rgb(5,3,19)
-
#090624
#090624
rgb(9,6,36)
-
#0d0935
#0d0935
rgb(13,9,53)
-
#110c45
#110c45
rgb(17,12,69)
-
#160e56
#160e56
rgb(22,14,86)
-
#1a1167
#1a1167
rgb(26,17,103)
-
#1e1478
#1e1478
rgb(30,20,120)
-
#221789
#221789
rgb(34,23,137)
-
#261a9a
#261a9a
rgb(38,26,154)
-
#2b1caa
#2b1caa
rgb(43,28,170)
-
#2f1fbb
#2f1fbb
rgb(47,31,187)
-
#3322cc
#3322cc
rgb(51,34,204)
-
#3927db
#3927db
rgb(57,39,219)
-
#4837de
#4837de
rgb(72,55,222)
-
#5848e1
#5848e1
rgb(88,72,225)
-
#6759e3
#6759e3
rgb(103,89,227)
-
#766ae6
#766ae6
rgb(118,106,230)
-
#867be9
#867be9
rgb(134,123,233)
-
#958cec
#958cec
rgb(149,140,236)
-
#a59cef
#a59cef
rgb(165,156,239)
-
#b4adf1
#b4adf1
rgb(180,173,241)
-
#c3bef4
#c3bef4
rgb(195,190,244)
-
#d3cff7
#d3cff7
rgb(211,207,247)
-
#e2e0fa
#e2e0fa
rgb(226,224,250)
-
#f2f0fd
#f2f0fd
rgb(242,240,253)
Tones of #3322cc
A tone is produced by adding gray to any pure hue. In this case, #75747a is the less saturated color, while #1d07e7 is the most saturated one.
-
#75747a
#75747a
rgb(117,116,122)
-
#6e6b83
#6e6b83
rgb(110,107,131)
-
#66628c
#66628c
rgb(102,98,140)
-
#5f5995
#5f5995
rgb(95,89,149)
-
#58509e
#58509e
rgb(88,80,158)
-
#5047a7
#5047a7
rgb(80,71,167)
-
#493db1
#493db1
rgb(73,61,177)
-
#4234ba
#4234ba
rgb(66,52,186)
-
#3a2bc3
#3a2bc3
rgb(58,43,195)
-
#3322cc
#3322cc
rgb(51,34,204)
-
#2c19d5
#2c19d5
rgb(44,25,213)
-
#2410de
#2410de
rgb(36,16,222)
-
#1d07e7
#1d07e7
rgb(29,7,231)
Color Blindness Simulator
Below, you can see how #3322cc 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.