#333348 Color Information
In a RGB color space, hex #333348 is composed of 20% red, 20% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 29.2% cyan, 29.2% magenta, 0% yellow and 71.8% black. It has a hue angle of 240 degrees, a saturation of 17.1% and a lightness of 24.1%. #333348 color hex could be obtained by blending #666690 with #000000. Closest websafe color is: #333333.
-
- R 20
- G 20
- B 28
-
- C 29
- M 29
- Y 0
- K 72
● #333348 color description : Very dark grayish blue.
#333348 Color Conversion
The hexadecimal color #333348 has RGB values of R:51, G:51, B:72 and CMYK values of C:0.29, M:0.29, Y:0, K:0.72. Its decimal value is 3355464.
Hex triplet | 333348 | #333348 |
---|---|---|
RGB Decimal | 51, 51, 72 | rgb(51,51,72) |
RGB Percent | 20, 20, 28.2 | rgb(20%,20%,28.2%) |
CMYK | 29, 29, 0, 72 | |
HSL | 240°, 17.1, 24.1 | hsl(240,17.1%,24.1%) |
HSV (or HSB) | 240°, 29.2, 28.2 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 22.086, 5.576, -12.969 |
---|---|
XYZ | 3.719, 3.539, 6.618 |
xyY | 0.268, 0.255, 3.539 |
CIE-LCH | 22.086, 14.117, 293.264 |
CIE-LUV | 22.086, -1.095, -15.167 |
Hunter-Lab | 18.813, 2.359, -7.687 |
Binary | 00110011, 00110011, 01001000 |
Color Schemes with #333348
Alternatives to #333348
Below, you can see some colors close to #333348. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#333348 Preview
This text has a font color of #333348.
<span style="color:#333348;">Text here</span>
This paragraph has a background color of #333348.
<p style="background-color:#333348;">Content here</p>
This element has a border color of #333348.
<div style="border:1px solid #333348;">Content here</div>
.text {color:#333348;}
.background {background-color:#333348;}
.border {border:1px solid #333348;}
Shades and Tints of #333348
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, #020203 is the darkest color, while #f7f7f9 is the lightest one.
-
#020203
#020203
rgb(2,2,3)
-
#0a0a0f
#0a0a0f
rgb(10,10,15)
-
#12121a
#12121a
rgb(18,18,26)
-
#1b1b26
#1b1b26
rgb(27,27,38)
-
#232331
#232331
rgb(35,35,49)
-
#2b2b3d
#2b2b3d
rgb(43,43,61)
-
#333348
#333348
rgb(51,51,72)
-
#3b3b53
#3b3b53
rgb(59,59,83)
-
#43435f
#43435f
rgb(67,67,95)
-
#4b4b6a
#4b4b6a
rgb(75,75,106)
-
#545476
#545476
rgb(84,84,118)
-
#5c5c81
#5c5c81
rgb(92,92,129)
-
#64648d
#64648d
rgb(100,100,141)
-
#6d6d97
#6d6d97
rgb(109,109,151)
-
#7878a0
#7878a0
rgb(120,120,160)
-
#8484a8
#8484a8
rgb(132,132,168)
-
#8f8fb0
#8f8fb0
rgb(143,143,176)
-
#9b9bb8
#9b9bb8
rgb(155,155,184)
-
#a6a6c0
#a6a6c0
rgb(166,166,192)
-
#b2b2c8
#b2b2c8
rgb(178,178,200)
-
#bdbdd0
#bdbdd0
rgb(189,189,208)
-
#c9c9d9
#c9c9d9
rgb(201,201,217)
-
#d4d4e1
#d4d4e1
rgb(212,212,225)
-
#e0e0e9
#e0e0e9
rgb(224,224,233)
-
#ebebf1
#ebebf1
rgb(235,235,241)
-
#f7f7f9
#f7f7f9
rgb(247,247,249)
Tones of #333348
A tone is produced by adding gray to any pure hue. In this case, #3c3c3f is the less saturated color, while #040477 is the most saturated one.
-
#3c3c3f
#3c3c3f
rgb(60,60,63)
-
#383843
#383843
rgb(56,56,67)
-
#333348
#333348
rgb(51,51,72)
-
#2e2e4d
#2e2e4d
rgb(46,46,77)
-
#2a2a51
#2a2a51
rgb(42,42,81)
-
#252556
#252556
rgb(37,37,86)
-
#20205b
#20205b
rgb(32,32,91)
-
#1b1b60
#1b1b60
rgb(27,27,96)
-
#171764
#171764
rgb(23,23,100)
-
#121269
#121269
rgb(18,18,105)
-
#0d0d6e
#0d0d6e
rgb(13,13,110)
-
#080873
#080873
rgb(8,8,115)
-
#040477
#040477
rgb(4,4,119)
Color Blindness Simulator
Below, you can see how #333348 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.