#333f84 Color Information
In a RGB color space, hex #333f84 is composed of 20% red, 24.7% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 52.3% magenta, 0% yellow and 48.2% black. It has a hue angle of 231.1 degrees, a saturation of 44.3% and a lightness of 35.9%. #333f84 color hex could be obtained by blending #667eff with #000009. Closest websafe color is: #333399.
-
- R 20
- G 25
- B 52
-
- C 61
- M 52
- Y 0
- K 48
● #333f84 color description : Dark moderate blue.
#333f84 Color Conversion
The hexadecimal color #333f84 has RGB values of R:51, G:63, B:132 and CMYK values of C:0.61, M:0.52, Y:0, K:0.48. Its decimal value is 3358596.
Hex triplet | 333f84 | #333f84 |
---|---|---|
RGB Decimal | 51, 63, 132 | rgb(51,63,132) |
RGB Percent | 20, 24.7, 51.8 | rgb(20%,24.7%,51.8%) |
CMYK | 61, 52, 0, 48 | |
HSL | 231.1°, 44.3, 35.9 | hsl(231.1,44.3%,35.9%) |
HSV (or HSB) | 231.1°, 61.4, 51.8 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 29.221, 17.683, -40.427 |
---|---|
XYZ | 7.307, 5.924, 22.587 |
xyY | 0.204, 0.165, 5.924 |
CIE-LCH | 29.221, 44.125, 293.625 |
CIE-LUV | 29.221, -7.428, -54.354 |
Hunter-Lab | 24.34, 10.989, -37.982 |
Binary | 00110011, 00111111, 10000100 |
Color Schemes with #333f84
Alternatives to #333f84
Below, you can see some colors close to #333f84. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#333f84 Preview
This text has a font color of #333f84.
<span style="color:#333f84;">Text here</span>
This paragraph has a background color of #333f84.
<p style="background-color:#333f84;">Content here</p>
This element has a border color of #333f84.
<div style="border:1px solid #333f84;">Content here</div>
.text {color:#333f84;}
.background {background-color:#333f84;}
.border {border:1px solid #333f84;}
Shades and Tints of #333f84
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, #020205 is the darkest color, while #f6f6fb is the lightest one.
-
#020205
#020205
rgb(2,2,5)
-
#070913
#070913
rgb(7,9,19)
-
#0d1021
#0d1021
rgb(13,16,33)
-
#12162f
#12162f
rgb(18,22,47)
-
#181d3d
#181d3d
rgb(24,29,61)
-
#1d244b
#1d244b
rgb(29,36,75)
-
#232b5a
#232b5a
rgb(35,43,90)
-
#283168
#283168
rgb(40,49,104)
-
#2e3876
#2e3876
rgb(46,56,118)
-
#333f84
#333f84
rgb(51,63,132)
-
#384692
#384692
rgb(56,70,146)
-
#3e4da0
#3e4da0
rgb(62,77,160)
-
#4353ae
#4353ae
rgb(67,83,174)
-
#4c5cba
#4c5cba
rgb(76,92,186)
-
#5a69bf
#5a69bf
rgb(90,105,191)
-
#6876c5
#6876c5
rgb(104,118,197)
-
#7683ca
#7683ca
rgb(118,131,202)
-
#848fd0
#848fd0
rgb(132,143,208)
-
#929cd5
#929cd5
rgb(146,156,213)
-
#a1a9db
#a1a9db
rgb(161,169,219)
-
#afb6e0
#afb6e0
rgb(175,182,224)
-
#bdc3e5
#bdc3e5
rgb(189,195,229)
-
#cbd0eb
#cbd0eb
rgb(203,208,235)
-
#d9ddf0
#d9ddf0
rgb(217,221,240)
-
#e7eaf6
#e7eaf6
rgb(231,234,246)
-
#f6f6fb
#f6f6fb
rgb(246,246,251)
Tones of #333f84
A tone is produced by adding gray to any pure hue. In this case, #565861 is the less saturated color, while #021cb5 is the most saturated one.
-
#565861
#565861
rgb(86,88,97)
-
#4f5368
#4f5368
rgb(79,83,104)
-
#484e6f
#484e6f
rgb(72,78,111)
-
#414976
#414976
rgb(65,73,118)
-
#3a447d
#3a447d
rgb(58,68,125)
-
#333f84
#333f84
rgb(51,63,132)
-
#2c3a8b
#2c3a8b
rgb(44,58,139)
-
#253592
#253592
rgb(37,53,146)
-
#1e3099
#1e3099
rgb(30,48,153)
-
#172ba0
#172ba0
rgb(23,43,160)
-
#1026a7
#1026a7
rgb(16,38,167)
-
#0921ae
#0921ae
rgb(9,33,174)
-
#021cb5
#021cb5
rgb(2,28,181)
Color Blindness Simulator
Below, you can see how #333f84 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.