#333bb0 Color Information
In a RGB color space, hex #333bb0 is composed of 20% red, 23.1% green and 69% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 66.5% magenta, 0% yellow and 31% black. It has a hue angle of 236.2 degrees, a saturation of 55.1% and a lightness of 44.5%. #333bb0 color hex could be obtained by blending #6676ff with #000061. Closest websafe color is: #333399.
-
- R 20
- G 23
- B 69
-
- C 71
- M 66
- Y 0
- K 31
● #333bb0 color description : Dark blue.
#333bb0 Color Conversion
The hexadecimal color #333bb0 has RGB values of R:51, G:59, B:176 and CMYK values of C:0.71, M:0.66, Y:0, K:0.31. Its decimal value is 3357616.
Hex triplet | 333bb0 | #333bb0 |
---|---|---|
RGB Decimal | 51, 59, 176 | rgb(51,59,176) |
RGB Percent | 20, 23.1, 69 | rgb(20%,23.1%,69%) |
CMYK | 71, 66, 0, 31 | |
HSL | 236.2°, 55.1, 44.5 | hsl(236.2,55.1%,44.5%) |
HSV (or HSB) | 236.2°, 71, 69 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 31.729, 36.181, -63.123 |
---|---|
XYZ | 10.764, 6.966, 41.849 |
xyY | 0.181, 0.117, 6.966 |
CIE-LCH | 31.729, 72.757, 299.82 |
CIE-LUV | 31.729, -7.85, -85.789 |
Hunter-Lab | 26.393, 26.613, -75.538 |
Binary | 00110011, 00111011, 10110000 |
Color Schemes with #333bb0
Alternatives to #333bb0
Below, you can see some colors close to #333bb0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#333bb0 Preview
This text has a font color of #333bb0.
<span style="color:#333bb0;">Text here</span>
This paragraph has a background color of #333bb0.
<p style="background-color:#333bb0;">Content here</p>
This element has a border color of #333bb0.
<div style="border:1px solid #333bb0;">Content here</div>
.text {color:#333bb0;}
.background {background-color:#333bb0;}
.border {border:1px solid #333bb0;}
Shades and Tints of #333bb0
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, #030309 is the darkest color, while #f8f9fd is the lightest one.
-
#030309
#030309
rgb(3,3,9)
-
#070818
#070818
rgb(7,8,24)
-
#0b0d27
#0b0d27
rgb(11,13,39)
-
#101236
#101236
rgb(16,18,54)
-
#141746
#141746
rgb(20,23,70)
-
#191c55
#191c55
rgb(25,28,85)
-
#1d2264
#1d2264
rgb(29,34,100)
-
#212773
#212773
rgb(33,39,115)
-
#262c82
#262c82
rgb(38,44,130)
-
#2a3192
#2a3192
rgb(42,49,146)
-
#2f36a1
#2f36a1
rgb(47,54,161)
-
#333bb0
#333bb0
rgb(51,59,176)
-
#3740bf
#3740bf
rgb(55,64,191)
-
#424bc8
#424bc8
rgb(66,75,200)
-
#5159cd
#5159cd
rgb(81,89,205)
-
#6068d1
#6068d1
rgb(96,104,209)
-
#7076d5
#7076d5
rgb(112,118,213)
-
#7f85da
#7f85da
rgb(127,133,218)
-
#8e93de
#8e93de
rgb(142,147,222)
-
#9da2e3
#9da2e3
rgb(157,162,227)
-
#acb0e7
#acb0e7
rgb(172,176,231)
-
#bcbfeb
#bcbfeb
rgb(188,191,235)
-
#cbcdf0
#cbcdf0
rgb(203,205,240)
-
#dadcf4
#dadcf4
rgb(218,220,244)
-
#e9eaf9
#e9eaf9
rgb(233,234,249)
-
#f8f9fd
#f8f9fd
rgb(248,249,253)
Tones of #333bb0
A tone is produced by adding gray to any pure hue. In this case, #707073 is the less saturated color, while #0715dc is the most saturated one.
-
#707073
#707073
rgb(112,112,115)
-
#67697c
#67697c
rgb(103,105,124)
-
#5f6184
#5f6184
rgb(95,97,132)
-
#56598d
#56598d
rgb(86,89,141)
-
#4d5296
#4d5296
rgb(77,82,150)
-
#444a9f
#444a9f
rgb(68,74,159)
-
#3c43a7
#3c43a7
rgb(60,67,167)
-
#333bb0
#333bb0
rgb(51,59,176)
-
#2a33b9
#2a33b9
rgb(42,51,185)
-
#222cc1
#222cc1
rgb(34,44,193)
-
#1924ca
#1924ca
rgb(25,36,202)
-
#101dd3
#101dd3
rgb(16,29,211)
-
#0715dc
#0715dc
rgb(7,21,220)
Color Blindness Simulator
Below, you can see how #333bb0 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.