#3343b0 Color Information
In a RGB color space, hex #3343b0 is composed of 20% red, 26.3% green and 69% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 61.9% magenta, 0% yellow and 31% black. It has a hue angle of 232.3 degrees, a saturation of 55.1% and a lightness of 44.5%. #3343b0 color hex could be obtained by blending #6686ff with #000061. Closest websafe color is: #333399.
-
- R 20
- G 26
- B 69
-
- C 71
- M 62
- Y 0
- K 31
● #3343b0 color description : Dark blue.
#3343b0 Color Conversion
The hexadecimal color #3343b0 has RGB values of R:51, G:67, B:176 and CMYK values of C:0.71, M:0.62, Y:0, K:0.31. Its decimal value is 3359664.
Hex triplet | 3343b0 | #3343b0 |
---|---|---|
RGB Decimal | 51, 67, 176 | rgb(51,67,176) |
RGB Percent | 20, 26.3, 69 | rgb(20%,26.3%,69%) |
CMYK | 71, 62, 0, 31 | |
HSL | 232.3°, 55.1, 44.5 | hsl(232.3,55.1%,44.5%) |
HSV (or HSB) | 232.3°, 71, 69 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 33.673, 31.076, -59.942 |
---|---|
XYZ | 11.207, 7.852, 41.997 |
xyY | 0.184, 0.129, 7.852 |
CIE-LCH | 33.673, 67.519, 297.404 |
CIE-LUV | 33.673, -9.641, -83.689 |
Hunter-Lab | 28.021, 22.354, -69.245 |
Binary | 00110011, 01000011, 10110000 |
Color Schemes with #3343b0
Alternatives to #3343b0
Below, you can see some colors close to #3343b0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3343b0 Preview
This text has a font color of #3343b0.
<span style="color:#3343b0;">Text here</span>
This paragraph has a background color of #3343b0.
<p style="background-color:#3343b0;">Content here</p>
This element has a border color of #3343b0.
<div style="border:1px solid #3343b0;">Content here</div>
.text {color:#3343b0;}
.background {background-color:#3343b0;}
.border {border:1px solid #3343b0;}
Shades and Tints of #3343b0
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)
-
#0b0f27
#0b0f27
rgb(11,15,39)
-
#101536
#101536
rgb(16,21,54)
-
#141a46
#141a46
rgb(20,26,70)
-
#192055
#192055
rgb(25,32,85)
-
#1d2664
#1d2664
rgb(29,38,100)
-
#212c73
#212c73
rgb(33,44,115)
-
#263282
#263282
rgb(38,50,130)
-
#2a3792
#2a3792
rgb(42,55,146)
-
#2f3da1
#2f3da1
rgb(47,61,161)
-
#3343b0
#3343b0
rgb(51,67,176)
-
#3749bf
#3749bf
rgb(55,73,191)
-
#4253c8
#4253c8
rgb(66,83,200)
-
#5161cd
#5161cd
rgb(81,97,205)
-
#606fd1
#606fd1
rgb(96,111,209)
-
#707dd5
#707dd5
rgb(112,125,213)
-
#7f8ada
#7f8ada
rgb(127,138,218)
-
#8e98de
#8e98de
rgb(142,152,222)
-
#9da6e3
#9da6e3
rgb(157,166,227)
-
#acb4e7
#acb4e7
rgb(172,180,231)
-
#bcc2eb
#bcc2eb
rgb(188,194,235)
-
#cbd0f0
#cbd0f0
rgb(203,208,240)
-
#daddf4
#daddf4
rgb(218,221,244)
-
#e9ebf9
#e9ebf9
rgb(233,235,249)
-
#f8f9fd
#f8f9fd
rgb(248,249,253)
Tones of #3343b0
A tone is produced by adding gray to any pure hue. In this case, #707073 is the less saturated color, while #0723dc is the most saturated one.
-
#707073
#707073
rgb(112,112,115)
-
#676a7c
#676a7c
rgb(103,106,124)
-
#5f6384
#5f6384
rgb(95,99,132)
-
#565d8d
#565d8d
rgb(86,93,141)
-
#4d5696
#4d5696
rgb(77,86,150)
-
#44509f
#44509f
rgb(68,80,159)
-
#3c49a7
#3c49a7
rgb(60,73,167)
-
#3343b0
#3343b0
rgb(51,67,176)
-
#2a3db9
#2a3db9
rgb(42,61,185)
-
#2236c1
#2236c1
rgb(34,54,193)
-
#1930ca
#1930ca
rgb(25,48,202)
-
#1029d3
#1029d3
rgb(16,41,211)
-
#0723dc
#0723dc
rgb(7,35,220)
Color Blindness Simulator
Below, you can see how #3343b0 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.