#333f5d Color Information
In a RGB color space, hex #333f5d is composed of 20% red, 24.7% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 45.2% cyan, 32.3% magenta, 0% yellow and 63.5% black. It has a hue angle of 222.9 degrees, a saturation of 29.2% and a lightness of 28.2%. #333f5d color hex could be obtained by blending #667eba with #000000. Closest websafe color is: #333366.
-
- R 20
- G 25
- B 36
-
- C 45
- M 32
- Y 0
- K 64
● #333f5d color description : Very dark desaturated blue.
#333f5d Color Conversion
The hexadecimal color #333f5d has RGB values of R:51, G:63, B:93 and CMYK values of C:0.45, M:0.32, Y:0, K:0.64. Its decimal value is 3358557.
Hex triplet | 333f5d | #333f5d |
---|---|---|
RGB Decimal | 51, 63, 93 | rgb(51,63,93) |
RGB Percent | 20, 24.7, 36.5 | rgb(20%,24.7%,36.5%) |
CMYK | 45, 32, 0, 64 | |
HSL | 222.9°, 29.2, 28.2 | hsl(222.9,29.2%,28.2%) |
HSV (or HSB) | 222.9°, 45.2, 36.5 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 26.874, 4.01, -19.397 |
---|---|
XYZ | 5.118, 5.049, 11.06 |
xyY | 0.241, 0.238, 5.049 |
CIE-LCH | 26.874, 19.808, 281.681 |
CIE-LUV | 26.874, -6.396, -24.403 |
Hunter-Lab | 22.47, 1.336, -13.455 |
Binary | 00110011, 00111111, 01011101 |
Color Schemes with #333f5d
Alternatives to #333f5d
Below, you can see some colors close to #333f5d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#333f5d Preview
This text has a font color of #333f5d.
<span style="color:#333f5d;">Text here</span>
This paragraph has a background color of #333f5d.
<p style="background-color:#333f5d;">Content here</p>
This element has a border color of #333f5d.
<div style="border:1px solid #333f5d;">Content here</div>
.text {color:#333f5d;}
.background {background-color:#333f5d;}
.border {border:1px solid #333f5d;}
Shades and Tints of #333f5d
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, #020304 is the darkest color, while #f7f8fa is the lightest one.
-
#020304
#020304
rgb(2,3,4)
-
#090c11
#090c11
rgb(9,12,17)
-
#10141e
#10141e
rgb(16,20,30)
-
#171d2a
#171d2a
rgb(23,29,42)
-
#1e2537
#1e2537
rgb(30,37,55)
-
#252e44
#252e44
rgb(37,46,68)
-
#2c3650
#2c3650
rgb(44,54,80)
-
#333f5d
#333f5d
rgb(51,63,93)
-
#3a486a
#3a486a
rgb(58,72,106)
-
#415076
#415076
rgb(65,80,118)
-
#485983
#485983
rgb(72,89,131)
-
#4f6190
#4f6190
rgb(79,97,144)
-
#566a9c
#566a9c
rgb(86,106,156)
-
#5f73a7
#5f73a7
rgb(95,115,167)
-
#6b7eae
#6b7eae
rgb(107,126,174)
-
#7889b5
#7889b5
rgb(120,137,181)
-
#8594bc
#8594bc
rgb(133,148,188)
-
#919fc3
#919fc3
rgb(145,159,195)
-
#9eaaca
#9eaaca
rgb(158,170,202)
-
#abb6d1
#abb6d1
rgb(171,182,209)
-
#b7c1d8
#b7c1d8
rgb(183,193,216)
-
#c4ccdf
#c4ccdf
rgb(196,204,223)
-
#d1d7e6
#d1d7e6
rgb(209,215,230)
-
#dde2ed
#dde2ed
rgb(221,226,237)
-
#eaedf3
#eaedf3
rgb(234,237,243)
-
#f7f8fa
#f7f8fa
rgb(247,248,250)
Tones of #333f5d
A tone is produced by adding gray to any pure hue. In this case, #44464c is the less saturated color, while #012a8f is the most saturated one.
-
#44464c
#44464c
rgb(68,70,76)
-
#3e4452
#3e4452
rgb(62,68,82)
-
#394157
#394157
rgb(57,65,87)
-
#333f5d
#333f5d
rgb(51,63,93)
-
#2d3d63
#2d3d63
rgb(45,61,99)
-
#283a68
#283a68
rgb(40,58,104)
-
#22386e
#22386e
rgb(34,56,110)
-
#1d3673
#1d3673
rgb(29,54,115)
-
#173379
#173379
rgb(23,51,121)
-
#12317e
#12317e
rgb(18,49,126)
-
#0c2e84
#0c2e84
rgb(12,46,132)
-
#072c89
#072c89
rgb(7,44,137)
-
#012a8f
#012a8f
rgb(1,42,143)
Color Blindness Simulator
Below, you can see how #333f5d 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.