#3f3348 Color Information
In a RGB color space, hex #3f3348 is composed of 24.7% red, 20% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 12.5% cyan, 29.2% magenta, 0% yellow and 71.8% black. It has a hue angle of 274.3 degrees, a saturation of 17.1% and a lightness of 24.1%. #3f3348 color hex could be obtained by blending #7e6690 with #000000. Closest websafe color is: #333333.
-
- R 25
- G 20
- B 28
-
- C 13
- M 29
- Y 0
- K 72
● #3f3348 color description : Very dark grayish violet.
#3f3348 Color Conversion
The hexadecimal color #3f3348 has RGB values of R:63, G:51, B:72 and CMYK values of C:0.13, M:0.29, Y:0, K:0.72. Its decimal value is 4141896.
Hex triplet | 3f3348 | #3f3348 |
---|---|---|
RGB Decimal | 63, 51, 72 | rgb(63,51,72) |
RGB Percent | 24.7, 20, 28.2 | rgb(24.7%,20%,28.2%) |
CMYK | 13, 29, 0, 72 | |
HSL | 274.3°, 17.1, 24.1 | hsl(274.3,17.1%,24.1%) |
HSV (or HSB) | 274.3°, 29.2, 28.2 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 23.312, 10.126, -10.982 |
---|---|
XYZ | 4.403, 3.892, 6.65 |
xyY | 0.295, 0.26, 3.892 |
CIE-LCH | 23.312, 14.938, 312.679 |
CIE-LUV | 23.312, 4.557, -13.619 |
Hunter-Lab | 19.729, 5.313, -6.174 |
Binary | 00111111, 00110011, 01001000 |
Color Schemes with #3f3348
Alternatives to #3f3348
Below, you can see some colors close to #3f3348. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f3348 Preview
This text has a font color of #3f3348.
<span style="color:#3f3348;">Text here</span>
This paragraph has a background color of #3f3348.
<p style="background-color:#3f3348;">Content here</p>
This element has a border color of #3f3348.
<div style="border:1px solid #3f3348;">Content here</div>
.text {color:#3f3348;}
.background {background-color:#3f3348;}
.border {border:1px solid #3f3348;}
Shades and Tints of #3f3348
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, #030203 is the darkest color, while #f8f7f9 is the lightest one.
-
#030203
#030203
rgb(3,2,3)
-
#0d0a0f
#0d0a0f
rgb(13,10,15)
-
#17121a
#17121a
rgb(23,18,26)
-
#211b26
#211b26
rgb(33,27,38)
-
#2b2331
#2b2331
rgb(43,35,49)
-
#352b3d
#352b3d
rgb(53,43,61)
-
#3f3348
#3f3348
rgb(63,51,72)
-
#493b53
#493b53
rgb(73,59,83)
-
#53435f
#53435f
rgb(83,67,95)
-
#5d4b6a
#5d4b6a
rgb(93,75,106)
-
#675476
#675476
rgb(103,84,118)
-
#715c81
#715c81
rgb(113,92,129)
-
#7b648d
#7b648d
rgb(123,100,141)
-
#856d97
#856d97
rgb(133,109,151)
-
#8f78a0
#8f78a0
rgb(143,120,160)
-
#9884a8
#9884a8
rgb(152,132,168)
-
#a28fb0
#a28fb0
rgb(162,143,176)
-
#ab9bb8
#ab9bb8
rgb(171,155,184)
-
#b5a6c0
#b5a6c0
rgb(181,166,192)
-
#bfb2c8
#bfb2c8
rgb(191,178,200)
-
#c8bdd0
#c8bdd0
rgb(200,189,208)
-
#d2c9d9
#d2c9d9
rgb(210,201,217)
-
#dbd4e1
#dbd4e1
rgb(219,212,225)
-
#e5e0e9
#e5e0e9
rgb(229,224,233)
-
#eeebf1
#eeebf1
rgb(238,235,241)
-
#f8f7f9
#f8f7f9
rgb(248,247,249)
Tones of #3f3348
A tone is produced by adding gray to any pure hue. In this case, #3e3c3f is the less saturated color, while #460477 is the most saturated one.
-
#3e3c3f
#3e3c3f
rgb(62,60,63)
-
#3e3843
#3e3843
rgb(62,56,67)
-
#3f3348
#3f3348
rgb(63,51,72)
-
#402e4d
#402e4d
rgb(64,46,77)
-
#402a51
#402a51
rgb(64,42,81)
-
#412556
#412556
rgb(65,37,86)
-
#42205b
#42205b
rgb(66,32,91)
-
#421b60
#421b60
rgb(66,27,96)
-
#431764
#431764
rgb(67,23,100)
-
#441269
#441269
rgb(68,18,105)
-
#440d6e
#440d6e
rgb(68,13,110)
-
#450873
#450873
rgb(69,8,115)
-
#460477
#460477
rgb(70,4,119)
Color Blindness Simulator
Below, you can see how #3f3348 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.