#333f58 Color Information
In a RGB color space, hex #333f58 is composed of 20% red, 24.7% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 42% cyan, 28.4% magenta, 0% yellow and 65.5% black. It has a hue angle of 220.5 degrees, a saturation of 26.6% and a lightness of 27.3%. #333f58 color hex could be obtained by blending #667eb0 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 25
- B 35
-
- C 42
- M 28
- Y 0
- K 65
● #333f58 color description : Very dark desaturated blue.
#333f58 Color Conversion
The hexadecimal color #333f58 has RGB values of R:51, G:63, B:88 and CMYK values of C:0.42, M:0.28, Y:0, K:0.65. Its decimal value is 3358552.
Hex triplet | 333f58 | #333f58 |
---|---|---|
RGB Decimal | 51, 63, 88 | rgb(51,63,88) |
RGB Percent | 20, 24.7, 34.5 | rgb(20%,24.7%,34.5%) |
CMYK | 42, 28, 0, 65 | |
HSL | 220.5°, 26.6, 27.3 | hsl(220.5,26.6%,27.3%) |
HSV (or HSB) | 220.5°, 42, 34.5 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 26.63, 2.389, -16.53 |
---|---|
XYZ | 4.904, 4.963, 9.932 |
xyY | 0.248, 0.251, 4.963 |
CIE-LCH | 26.63, 16.701, 278.225 |
CIE-LUV | 26.63, -6.275, -20.453 |
Hunter-Lab | 22.278, 0.304, -10.836 |
Binary | 00110011, 00111111, 01011000 |
Color Schemes with #333f58
Alternatives to #333f58
Below, you can see some colors close to #333f58. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#333f58 Preview
This text has a font color of #333f58.
<span style="color:#333f58;">Text here</span>
This paragraph has a background color of #333f58.
<p style="background-color:#333f58;">Content here</p>
This element has a border color of #333f58.
<div style="border:1px solid #333f58;">Content here</div>
.text {color:#333f58;}
.background {background-color:#333f58;}
.border {border:1px solid #333f58;}
Shades and Tints of #333f58
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, #010101 is the darkest color, while #f4f5f8 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#080a0d
#080a0d
rgb(8,10,13)
-
#0f131a
#0f131a
rgb(15,19,26)
-
#161b26
#161b26
rgb(22,27,38)
-
#1d2433
#1d2433
rgb(29,36,51)
-
#252d3f
#252d3f
rgb(37,45,63)
-
#2c364c
#2c364c
rgb(44,54,76)
-
#333f58
#333f58
rgb(51,63,88)
-
#3a4864
#3a4864
rgb(58,72,100)
-
#415171
#415171
rgb(65,81,113)
-
#495a7d
#495a7d
rgb(73,90,125)
-
#50638a
#50638a
rgb(80,99,138)
-
#576b96
#576b96
rgb(87,107,150)
-
#5f75a2
#5f75a2
rgb(95,117,162)
-
#6b7fa9
#6b7fa9
rgb(107,127,169)
-
#778ab0
#778ab0
rgb(119,138,176)
-
#8495b8
#8495b8
rgb(132,149,184)
-
#909fbf
#909fbf
rgb(144,159,191)
-
#9daac6
#9daac6
rgb(157,170,198)
-
#a9b5cd
#a9b5cd
rgb(169,181,205)
-
#b6c0d4
#b6c0d4
rgb(182,192,212)
-
#c2cadc
#c2cadc
rgb(194,202,220)
-
#ced5e3
#ced5e3
rgb(206,213,227)
-
#dbe0ea
#dbe0ea
rgb(219,224,234)
-
#e7eaf1
#e7eaf1
rgb(231,234,241)
-
#f4f5f8
#f4f5f8
rgb(244,245,248)
Tones of #333f58
A tone is produced by adding gray to any pure hue. In this case, #434548 is the less saturated color, while #032e88 is the most saturated one.
-
#434548
#434548
rgb(67,69,72)
-
#3e434d
#3e434d
rgb(62,67,77)
-
#384153
#384153
rgb(56,65,83)
-
#333f58
#333f58
rgb(51,63,88)
-
#2e3d5d
#2e3d5d
rgb(46,61,93)
-
#283b63
#283b63
rgb(40,59,99)
-
#233968
#233968
rgb(35,57,104)
-
#1e376d
#1e376d
rgb(30,55,109)
-
#183673
#183673
rgb(24,54,115)
-
#133478
#133478
rgb(19,52,120)
-
#0e327d
#0e327d
rgb(14,50,125)
-
#083083
#083083
rgb(8,48,131)
-
#032e88
#032e88
rgb(3,46,136)
Color Blindness Simulator
Below, you can see how #333f58 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.