#332f56 Color Information
In a RGB color space, hex #332f56 is composed of 20% red, 18.4% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 40.7% cyan, 45.3% magenta, 0% yellow and 66.3% black. It has a hue angle of 246.2 degrees, a saturation of 29.3% and a lightness of 26.1%. #332f56 color hex could be obtained by blending #665eac with #000000. Closest websafe color is: #333366.
-
- R 20
- G 18
- B 34
-
- C 41
- M 45
- Y 0
- K 66
● #332f56 color description : Very dark desaturated blue.
#332f56 Color Conversion
The hexadecimal color #332f56 has RGB values of R:51, G:47, B:86 and CMYK values of C:0.41, M:0.45, Y:0, K:0.66. Its decimal value is 3354454.
Hex triplet | 332f56 | #332f56 |
---|---|---|
RGB Decimal | 51, 47, 86 | rgb(51,47,86) |
RGB Percent | 20, 18.4, 33.7 | rgb(20%,18.4%,33.7%) |
CMYK | 41, 45, 0, 66 | |
HSL | 246.2°, 29.3, 26.1 | hsl(246.2,29.3%,26.1%) |
HSV (or HSB) | 246.2°, 45.3, 33.7 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 21.611, 12.682, -23.066 |
---|---|
XYZ | 4.061, 3.409, 9.248 |
xyY | 0.243, 0.204, 3.409 |
CIE-LCH | 21.611, 26.322, 298.802 |
CIE-LUV | 21.611, -0.552, -27.653 |
Hunter-Lab | 18.463, 6.955, -16.773 |
Binary | 00110011, 00101111, 01010110 |
Color Schemes with #332f56
Alternatives to #332f56
Below, you can see some colors close to #332f56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#332f56 Preview
This text has a font color of #332f56.
<span style="color:#332f56;">Text here</span>
This paragraph has a background color of #332f56.
<p style="background-color:#332f56;">Content here</p>
This element has a border color of #332f56.
<div style="border:1px solid #332f56;">Content here</div>
.text {color:#332f56;}
.background {background-color:#332f56;}
.border {border:1px solid #332f56;}
Shades and Tints of #332f56
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, #06050a is the darkest color, while #fcfcfd is the lightest one.
-
#06050a
#06050a
rgb(6,5,10)
-
#0d0c17
#0d0c17
rgb(13,12,23)
-
#151323
#151323
rgb(21,19,35)
-
#1c1a30
#1c1a30
rgb(28,26,48)
-
#24213d
#24213d
rgb(36,33,61)
-
#2b2849
#2b2849
rgb(43,40,73)
-
#332f56
#332f56
rgb(51,47,86)
-
#3b3663
#3b3663
rgb(59,54,99)
-
#423d6f
#423d6f
rgb(66,61,111)
-
#4a447c
#4a447c
rgb(74,68,124)
-
#514b89
#514b89
rgb(81,75,137)
-
#595295
#595295
rgb(89,82,149)
-
#6059a2
#6059a2
rgb(96,89,162)
-
#6b64aa
#6b64aa
rgb(107,100,170)
-
#7771b1
#7771b1
rgb(119,113,177)
-
#837db8
#837db8
rgb(131,125,184)
-
#908abf
#908abf
rgb(144,138,191)
-
#9c97c6
#9c97c6
rgb(156,151,198)
-
#a8a3cd
#a8a3cd
rgb(168,163,205)
-
#b4b0d4
#b4b0d4
rgb(180,176,212)
-
#c0bddb
#c0bddb
rgb(192,189,219)
-
#ccc9e2
#ccc9e2
rgb(204,201,226)
-
#d8d6e9
#d8d6e9
rgb(216,214,233)
-
#e4e3f0
#e4e3f0
rgb(228,227,240)
-
#f0f0f7
#f0f0f7
rgb(240,240,247)
-
#fcfcfd
#fcfcfd
rgb(252,252,253)
Tones of #332f56
A tone is produced by adding gray to any pure hue. In this case, #3f3e47 is the less saturated color, while #0e0184 is the most saturated one.
-
#3f3e47
#3f3e47
rgb(63,62,71)
-
#3b394c
#3b394c
rgb(59,57,76)
-
#373451
#373451
rgb(55,52,81)
-
#332f56
#332f56
rgb(51,47,86)
-
#2f2a5b
#2f2a5b
rgb(47,42,91)
-
#2b2560
#2b2560
rgb(43,37,96)
-
#272065
#272065
rgb(39,32,101)
-
#231b6a
#231b6a
rgb(35,27,106)
-
#1f1570
#1f1570
rgb(31,21,112)
-
#1b1075
#1b1075
rgb(27,16,117)
-
#170b7a
#170b7a
rgb(23,11,122)
-
#12067f
#12067f
rgb(18,6,127)
-
#0e0184
#0e0184
rgb(14,1,132)
Color Blindness Simulator
Below, you can see how #332f56 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.