#333f52 Color Information
In a RGB color space, hex #333f52 is composed of 20% red, 24.7% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 37.8% cyan, 23.2% magenta, 0% yellow and 67.8% black. It has a hue angle of 216.8 degrees, a saturation of 23.3% and a lightness of 26.1%. #333f52 color hex could be obtained by blending #667ea4 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 25
- B 32
-
- C 38
- M 23
- Y 0
- K 68
● #333f52 color description : Very dark desaturated blue.
#333f52 Color Conversion
The hexadecimal color #333f52 has RGB values of R:51, G:63, B:82 and CMYK values of C:0.38, M:0.23, Y:0, K:0.68. Its decimal value is 3358546.
Hex triplet | 333f52 | #333f52 |
---|---|---|
RGB Decimal | 51, 63, 82 | rgb(51,63,82) |
RGB Percent | 20, 24.7, 32.2 | rgb(20%,24.7%,32.2%) |
CMYK | 38, 23, 0, 68 | |
HSL | 216.8°, 23.3, 26.1 | hsl(216.8,23.3%,26.1%) |
HSV (or HSB) | 216.8°, 37.8, 32.2 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 26.355, 0.507, -13.037 |
---|---|
XYZ | 4.665, 4.868, 8.676 |
xyY | 0.256, 0.267, 4.868 |
CIE-LCH | 26.355, 13.047, 272.226 |
CIE-LUV | 26.355, -6.133, -15.728 |
Hunter-Lab | 22.063, -0.866, -7.87 |
Binary | 00110011, 00111111, 01010010 |
Color Schemes with #333f52
Alternatives to #333f52
Below, you can see some colors close to #333f52. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#333f52 Preview
This text has a font color of #333f52.
<span style="color:#333f52;">Text here</span>
This paragraph has a background color of #333f52.
<p style="background-color:#333f52;">Content here</p>
This element has a border color of #333f52.
<div style="border:1px solid #333f52;">Content here</div>
.text {color:#333f52;}
.background {background-color:#333f52;}
.border {border:1px solid #333f52;}
Shades and Tints of #333f52
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, #060709 is the darkest color, while #fcfdfd is the lightest one.
-
#060709
#060709
rgb(6,7,9)
-
#0d1116
#0d1116
rgb(13,17,22)
-
#151a22
#151a22
rgb(21,26,34)
-
#1c232e
#1c232e
rgb(28,35,46)
-
#242c3a
#242c3a
rgb(36,44,58)
-
#2b3646
#2b3646
rgb(43,54,70)
-
#333f52
#333f52
rgb(51,63,82)
-
#3b485e
#3b485e
rgb(59,72,94)
-
#42526a
#42526a
rgb(66,82,106)
-
#4a5b76
#4a5b76
rgb(74,91,118)
-
#516482
#516482
rgb(81,100,130)
-
#596d8e
#596d8e
rgb(89,109,142)
-
#60779b
#60779b
rgb(96,119,155)
-
#6b81a3
#6b81a3
rgb(107,129,163)
-
#778bab
#778bab
rgb(119,139,171)
-
#8395b2
#8395b2
rgb(131,149,178)
-
#90a0ba
#90a0ba
rgb(144,160,186)
-
#9caac1
#9caac1
rgb(156,170,193)
-
#a8b4c9
#a8b4c9
rgb(168,180,201)
-
#b4bfd0
#b4bfd0
rgb(180,191,208)
-
#c0c9d8
#c0c9d8
rgb(192,201,216)
-
#ccd3df
#ccd3df
rgb(204,211,223)
-
#d8dee7
#d8dee7
rgb(216,222,231)
-
#e4e8ee
#e4e8ee
rgb(228,232,238)
-
#f0f2f6
#f0f2f6
rgb(240,242,246)
-
#fcfdfd
#fcfdfd
rgb(252,253,253)
Tones of #333f52
A tone is produced by adding gray to any pure hue. In this case, #424243 is the less saturated color, while #053580 is the most saturated one.
-
#424243
#424243
rgb(66,66,67)
-
#3d4148
#3d4148
rgb(61,65,72)
-
#38404d
#38404d
rgb(56,64,77)
-
#333f52
#333f52
rgb(51,63,82)
-
#2e3e57
#2e3e57
rgb(46,62,87)
-
#293d5c
#293d5c
rgb(41,61,92)
-
#243c61
#243c61
rgb(36,60,97)
-
#1f3a66
#1f3a66
rgb(31,58,102)
-
#19396c
#19396c
rgb(25,57,108)
-
#143871
#143871
rgb(20,56,113)
-
#0f3776
#0f3776
rgb(15,55,118)
-
#0a367b
#0a367b
rgb(10,54,123)
-
#053580
#053580
rgb(5,53,128)
Color Blindness Simulator
Below, you can see how #333f52 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.