#333fb2 Color Information
In a RGB color space, hex #333fb2 is composed of 20% red, 24.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 64.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 234.3 degrees, a saturation of 55.5% and a lightness of 44.9%. #333fb2 color hex could be obtained by blending #667eff with #000065. Closest websafe color is: #333399.
-
- R 20
- G 25
- B 70
-
- C 71
- M 65
- Y 0
- K 30
● #333fb2 color description : Dark blue.
#333fb2 Color Conversion
The hexadecimal color #333fb2 has RGB values of R:51, G:63, B:178 and CMYK values of C:0.71, M:0.65, Y:0, K:0.3. Its decimal value is 3358642.
Hex triplet | 333fb2 | #333fb2 |
---|---|---|
RGB Decimal | 51, 63, 178 | rgb(51,63,178) |
RGB Percent | 20, 24.7, 69.8 | rgb(20%,24.7%,69.8%) |
CMYK | 71, 65, 0, 30 | |
HSL | 234.3°, 55.5, 44.9 | hsl(234.3,55.5%,44.9%) |
HSV (or HSB) | 234.3°, 71.3, 69.8 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 32.859, 34.362, -62.461 |
---|---|
XYZ | 11.177, 7.473, 42.97 |
xyY | 0.181, 0.121, 7.473 |
CIE-LCH | 32.859, 71.289, 298.817 |
CIE-LUV | 32.859, -8.779, -86.138 |
Hunter-Lab | 27.336, 25.147, -74.065 |
Binary | 00110011, 00111111, 10110010 |
Color Schemes with #333fb2
Alternatives to #333fb2
Below, you can see some colors close to #333fb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#333fb2 Preview
This text has a font color of #333fb2.
<span style="color:#333fb2;">Text here</span>
This paragraph has a background color of #333fb2.
<p style="background-color:#333fb2;">Content here</p>
This element has a border color of #333fb2.
<div style="border:1px solid #333fb2;">Content here</div>
.text {color:#333fb2;}
.background {background-color:#333fb2;}
.border {border:1px solid #333fb2;}
Shades and Tints of #333fb2
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, #03040a is the darkest color, while #fafafe is the lightest one.
-
#03040a
#03040a
rgb(3,4,10)
-
#07091a
#07091a
rgb(7,9,26)
-
#0c0e29
#0c0e29
rgb(12,14,41)
-
#101438
#101438
rgb(16,20,56)
-
#141947
#141947
rgb(20,25,71)
-
#191f57
#191f57
rgb(25,31,87)
-
#1d2466
#1d2466
rgb(29,36,102)
-
#222975
#222975
rgb(34,41,117)
-
#262f84
#262f84
rgb(38,47,132)
-
#2a3494
#2a3494
rgb(42,52,148)
-
#2f3aa3
#2f3aa3
rgb(47,58,163)
-
#333fb2
#333fb2
rgb(51,63,178)
-
#3744c1
#3744c1
rgb(55,68,193)
-
#4350c9
#4350c9
rgb(67,80,201)
-
#525ece
#525ece
rgb(82,94,206)
-
#626cd2
#626cd2
rgb(98,108,210)
-
#717ad6
#717ad6
rgb(113,122,214)
-
#8089db
#8089db
rgb(128,137,219)
-
#8f97df
#8f97df
rgb(143,151,223)
-
#9fa5e3
#9fa5e3
rgb(159,165,227)
-
#aeb3e8
#aeb3e8
rgb(174,179,232)
-
#bdc1ec
#bdc1ec
rgb(189,193,236)
-
#ccd0f0
#ccd0f0
rgb(204,208,240)
-
#dcdef5
#dcdef5
rgb(220,222,245)
-
#ebecf9
#ebecf9
rgb(235,236,249)
-
#fafafe
#fafafe
rgb(250,250,254)
Tones of #333fb2
A tone is produced by adding gray to any pure hue. In this case, #717174 is the less saturated color, while #071bde is the most saturated one.
-
#717174
#717174
rgb(113,113,116)
-
#686a7d
#686a7d
rgb(104,106,125)
-
#5f6386
#5f6386
rgb(95,99,134)
-
#565c8f
#565c8f
rgb(86,92,143)
-
#4d5498
#4d5498
rgb(77,84,152)
-
#454da0
#454da0
rgb(69,77,160)
-
#3c46a9
#3c46a9
rgb(60,70,169)
-
#333fb2
#333fb2
rgb(51,63,178)
-
#2a38bb
#2a38bb
rgb(42,56,187)
-
#2131c4
#2131c4
rgb(33,49,196)
-
#192acc
#192acc
rgb(25,42,204)
-
#1022d5
#1022d5
rgb(16,34,213)
-
#071bde
#071bde
rgb(7,27,222)
Color Blindness Simulator
Below, you can see how #333fb2 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.