#333fb0 Color Information
In a RGB color space, hex #333fb0 is composed of 20% red, 24.7% green and 69% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 64.2% magenta, 0% yellow and 31% black. It has a hue angle of 234.2 degrees, a saturation of 55.1% and a lightness of 44.5%. #333fb0 color hex could be obtained by blending #667eff with #000061. Closest websafe color is: #333399.
-
- R 20
- G 25
- B 69
-
- C 71
- M 64
- Y 0
- K 31
● #333fb0 color description : Dark blue.
#333fb0 Color Conversion
The hexadecimal color #333fb0 has RGB values of R:51, G:63, B:176 and CMYK values of C:0.71, M:0.64, Y:0, K:0.31. Its decimal value is 3358640.
Hex triplet | 333fb0 | #333fb0 |
---|---|---|
RGB Decimal | 51, 63, 176 | rgb(51,63,176) |
RGB Percent | 20, 24.7, 69 | rgb(20%,24.7%,69%) |
CMYK | 71, 64, 0, 31 | |
HSL | 234.2°, 55.1, 44.5 | hsl(234.2,55.1%,44.5%) |
HSV (or HSB) | 234.2°, 71, 69 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 32.685, 33.649, -61.557 |
---|---|
XYZ | 10.978, 7.393, 41.92 |
xyY | 0.182, 0.123, 7.393 |
CIE-LCH | 32.685, 70.153, 298.662 |
CIE-LUV | 32.685, -8.718, -84.832 |
Hunter-Lab | 27.19, 24.486, -72.379 |
Binary | 00110011, 00111111, 10110000 |
Color Schemes with #333fb0
Alternatives to #333fb0
Below, you can see some colors close to #333fb0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#333fb0 Preview
This text has a font color of #333fb0.
<span style="color:#333fb0;">Text here</span>
This paragraph has a background color of #333fb0.
<p style="background-color:#333fb0;">Content here</p>
This element has a border color of #333fb0.
<div style="border:1px solid #333fb0;">Content here</div>
.text {color:#333fb0;}
.background {background-color:#333fb0;}
.border {border:1px solid #333fb0;}
Shades and Tints of #333fb0
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)
-
#070918
#070918
rgb(7,9,24)
-
#0b0e27
#0b0e27
rgb(11,14,39)
-
#101336
#101336
rgb(16,19,54)
-
#141946
#141946
rgb(20,25,70)
-
#191e55
#191e55
rgb(25,30,85)
-
#1d2464
#1d2464
rgb(29,36,100)
-
#212973
#212973
rgb(33,41,115)
-
#262f82
#262f82
rgb(38,47,130)
-
#2a3492
#2a3492
rgb(42,52,146)
-
#2f3aa1
#2f3aa1
rgb(47,58,161)
-
#333fb0
#333fb0
rgb(51,63,176)
-
#3744bf
#3744bf
rgb(55,68,191)
-
#424fc8
#424fc8
rgb(66,79,200)
-
#515dcd
#515dcd
rgb(81,93,205)
-
#606bd1
#606bd1
rgb(96,107,209)
-
#7079d5
#7079d5
rgb(112,121,213)
-
#7f88da
#7f88da
rgb(127,136,218)
-
#8e96de
#8e96de
rgb(142,150,222)
-
#9da4e3
#9da4e3
rgb(157,164,227)
-
#acb2e7
#acb2e7
rgb(172,178,231)
-
#bcc0eb
#bcc0eb
rgb(188,192,235)
-
#cbcef0
#cbcef0
rgb(203,206,240)
-
#daddf4
#daddf4
rgb(218,221,244)
-
#e9ebf9
#e9ebf9
rgb(233,235,249)
-
#f8f9fd
#f8f9fd
rgb(248,249,253)
Tones of #333fb0
A tone is produced by adding gray to any pure hue. In this case, #707073 is the less saturated color, while #071cdc is the most saturated one.
-
#707073
#707073
rgb(112,112,115)
-
#67697c
#67697c
rgb(103,105,124)
-
#5f6284
#5f6284
rgb(95,98,132)
-
#565b8d
#565b8d
rgb(86,91,141)
-
#4d5496
#4d5496
rgb(77,84,150)
-
#444d9f
#444d9f
rgb(68,77,159)
-
#3c46a7
#3c46a7
rgb(60,70,167)
-
#333fb0
#333fb0
rgb(51,63,176)
-
#2a38b9
#2a38b9
rgb(42,56,185)
-
#2231c1
#2231c1
rgb(34,49,193)
-
#192aca
#192aca
rgb(25,42,202)
-
#1023d3
#1023d3
rgb(16,35,211)
-
#071cdc
#071cdc
rgb(7,28,220)
Color Blindness Simulator
Below, you can see how #333fb0 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.