#332ca3 Color Information
In a RGB color space, hex #332ca3 is composed of 20% red, 17.3% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 68.7% cyan, 73% magenta, 0% yellow and 36.1% black. It has a hue angle of 243.5 degrees, a saturation of 57.5% and a lightness of 40.6%. #332ca3 color hex could be obtained by blending #6658ff with #000047. Closest websafe color is: #333399.
-
- R 20
- G 17
- B 64
-
- C 69
- M 73
- Y 0
- K 36
● #332ca3 color description : Dark blue.
#332ca3 Color Conversion
The hexadecimal color #332ca3 has RGB values of R:51, G:44, B:163 and CMYK values of C:0.69, M:0.73, Y:0, K:0.36. Its decimal value is 3353763.
Hex triplet | 332ca3 | #332ca3 |
---|---|---|
RGB Decimal | 51, 44, 163 | rgb(51,44,163) |
RGB Percent | 20, 17.3, 63.9 | rgb(20%,17.3%,63.9%) |
CMYK | 69, 73, 0, 36 | |
HSL | 243.5°, 57.5, 40.6 | hsl(243.5,57.5%,40.6%) |
HSV (or HSB) | 243.5°, 73, 63.9 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 27.155, 40.827, -62.825 |
---|---|
XYZ | 8.875, 5.149, 35.174 |
xyY | 0.18, 0.105, 5.149 |
CIE-LCH | 27.155, 74.926, 303.018 |
CIE-LUV | 27.155, -4.442, -79.964 |
Hunter-Lab | 22.692, 30.108, -76.022 |
Binary | 00110011, 00101100, 10100011 |
Color Schemes with #332ca3
Alternatives to #332ca3
Below, you can see some colors close to #332ca3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#332ca3 Preview
This text has a font color of #332ca3.
<span style="color:#332ca3;">Text here</span>
This paragraph has a background color of #332ca3.
<p style="background-color:#332ca3;">Content here</p>
This element has a border color of #332ca3.
<div style="border:1px solid #332ca3;">Content here</div>
.text {color:#332ca3;}
.background {background-color:#332ca3;}
.border {border:1px solid #332ca3;}
Shades and Tints of #332ca3
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, #030209 is the darkest color, while #f8f8fd is the lightest one.
-
#030209
#030209
rgb(3,2,9)
-
#080618
#080618
rgb(8,6,24)
-
#0c0b27
#0c0b27
rgb(12,11,39)
-
#110f37
#110f37
rgb(17,15,55)
-
#161346
#161346
rgb(22,19,70)
-
#1b1756
#1b1756
rgb(27,23,86)
-
#201b65
#201b65
rgb(32,27,101)
-
#251f75
#251f75
rgb(37,31,117)
-
#292484
#292484
rgb(41,36,132)
-
#2e2894
#2e2894
rgb(46,40,148)
-
#332ca3
#332ca3
rgb(51,44,163)
-
#3830b2
#3830b2
rgb(56,48,178)
-
#3d34c2
#3d34c2
rgb(61,52,194)
-
#473fcb
#473fcb
rgb(71,63,203)
-
#564ecf
#564ecf
rgb(86,78,207)
-
#655ed3
#655ed3
rgb(101,94,211)
-
#736dd8
#736dd8
rgb(115,109,216)
-
#827ddc
#827ddc
rgb(130,125,220)
-
#918ce0
#918ce0
rgb(145,140,224)
-
#a09be4
#a09be4
rgb(160,155,228)
-
#aeabe8
#aeabe8
rgb(174,171,232)
-
#bdbaec
#bdbaec
rgb(189,186,236)
-
#cccaf1
#cccaf1
rgb(204,202,241)
-
#dbd9f5
#dbd9f5
rgb(219,217,245)
-
#eae9f9
#eae9f9
rgb(234,233,249)
-
#f8f8fd
#f8f8fd
rgb(248,248,253)
Tones of #332ca3
A tone is produced by adding gray to any pure hue. In this case, #64646b is the less saturated color, while #1004cb is the most saturated one.
-
#64646b
#64646b
rgb(100,100,107)
-
#5d5c73
#5d5c73
rgb(93,92,115)
-
#56547b
#56547b
rgb(86,84,123)
-
#4f4c83
#4f4c83
rgb(79,76,131)
-
#48448b
#48448b
rgb(72,68,139)
-
#413c93
#413c93
rgb(65,60,147)
-
#3a349b
#3a349b
rgb(58,52,155)
-
#332ca3
#332ca3
rgb(51,44,163)
-
#2c24ab
#2c24ab
rgb(44,36,171)
-
#251cb3
#251cb3
rgb(37,28,179)
-
#1e14bb
#1e14bb
rgb(30,20,187)
-
#170cc3
#170cc3
rgb(23,12,195)
-
#1004cb
#1004cb
rgb(16,4,203)
Color Blindness Simulator
Below, you can see how #332ca3 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.