#3345b0 Color Information
In a RGB color space, hex #3345b0 is composed of 20% red, 27.1% green and 69% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 60.8% magenta, 0% yellow and 31% black. It has a hue angle of 231.4 degrees, a saturation of 55.1% and a lightness of 44.5%. #3345b0 color hex could be obtained by blending #668aff with #000061. Closest websafe color is: #333399.
-
- R 20
- G 27
- B 69
-
- C 71
- M 61
- Y 0
- K 31
● #3345b0 color description : Dark blue.
#3345b0 Color Conversion
The hexadecimal color #3345b0 has RGB values of R:51, G:69, B:176 and CMYK values of C:0.71, M:0.61, Y:0, K:0.31. Its decimal value is 3360176.
Hex triplet | 3345b0 | #3345b0 |
---|---|---|
RGB Decimal | 51, 69, 176 | rgb(51,69,176) |
RGB Percent | 20, 27.1, 69 | rgb(20%,27.1%,69%) |
CMYK | 71, 61, 0, 31 | |
HSL | 231.4°, 55.1, 44.5 | hsl(231.4,55.1%,44.5%) |
HSV (or HSB) | 231.4°, 71, 69 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 34.178, 29.778, -59.118 |
---|---|
XYZ | 11.328, 8.094, 42.037 |
xyY | 0.184, 0.132, 8.094 |
CIE-LCH | 34.178, 66.194, 296.735 |
CIE-LUV | 34.178, -10.123, -83.049 |
Hunter-Lab | 28.45, 21.288, -67.691 |
Binary | 00110011, 01000101, 10110000 |
Color Schemes with #3345b0
Alternatives to #3345b0
Below, you can see some colors close to #3345b0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3345b0 Preview
This text has a font color of #3345b0.
<span style="color:#3345b0;">Text here</span>
This paragraph has a background color of #3345b0.
<p style="background-color:#3345b0;">Content here</p>
This element has a border color of #3345b0.
<div style="border:1px solid #3345b0;">Content here</div>
.text {color:#3345b0;}
.background {background-color:#3345b0;}
.border {border:1px solid #3345b0;}
Shades and Tints of #3345b0
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)
-
#141b46
#141b46
rgb(20,27,70)
-
#192155
#192155
rgb(25,33,85)
-
#1d2764
#1d2764
rgb(29,39,100)
-
#212d73
#212d73
rgb(33,45,115)
-
#263382
#263382
rgb(38,51,130)
-
#2a3992
#2a3992
rgb(42,57,146)
-
#2f3fa1
#2f3fa1
rgb(47,63,161)
-
#3345b0
#3345b0
rgb(51,69,176)
-
#374bbf
#374bbf
rgb(55,75,191)
-
#4255c8
#4255c8
rgb(66,85,200)
-
#5163cd
#5163cd
rgb(81,99,205)
-
#6071d1
#6071d1
rgb(96,113,209)
-
#707ed5
#707ed5
rgb(112,126,213)
-
#7f8cda
#7f8cda
rgb(127,140,218)
-
#8e9ade
#8e9ade
rgb(142,154,222)
-
#9da7e3
#9da7e3
rgb(157,167,227)
-
#acb5e7
#acb5e7
rgb(172,181,231)
-
#bcc3eb
#bcc3eb
rgb(188,195,235)
-
#cbd0f0
#cbd0f0
rgb(203,208,240)
-
#dadef4
#dadef4
rgb(218,222,244)
-
#e9ecf9
#e9ecf9
rgb(233,236,249)
-
#f8f9fd
#f8f9fd
rgb(248,249,253)
Tones of #3345b0
A tone is produced by adding gray to any pure hue. In this case, #707173 is the less saturated color, while #0726dc is the most saturated one.
-
#707173
#707173
rgb(112,113,115)
-
#676a7c
#676a7c
rgb(103,106,124)
-
#5f6484
#5f6484
rgb(95,100,132)
-
#565e8d
#565e8d
rgb(86,94,141)
-
#4d5896
#4d5896
rgb(77,88,150)
-
#44519f
#44519f
rgb(68,81,159)
-
#3c4ba7
#3c4ba7
rgb(60,75,167)
-
#3345b0
#3345b0
rgb(51,69,176)
-
#2a3fb9
#2a3fb9
rgb(42,63,185)
-
#2239c1
#2239c1
rgb(34,57,193)
-
#1932ca
#1932ca
rgb(25,50,202)
-
#102cd3
#102cd3
rgb(16,44,211)
-
#0726dc
#0726dc
rgb(7,38,220)
Color Blindness Simulator
Below, you can see how #3345b0 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.