#3355b2 Color Information
In a RGB color space, hex #3355b2 is composed of 20% red, 33.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 52.2% magenta, 0% yellow and 30.2% black. It has a hue angle of 223.9 degrees, a saturation of 55.5% and a lightness of 44.9%. #3355b2 color hex could be obtained by blending #66aaff with #000065. Closest websafe color is: #336699.
-
- R 20
- G 33
- B 70
-
- C 71
- M 52
- Y 0
- K 30
● #3355b2 color description : Dark blue.
#3355b2 Color Conversion
The hexadecimal color #3355b2 has RGB values of R:51, G:85, B:178 and CMYK values of C:0.71, M:0.52, Y:0, K:0.3. Its decimal value is 3364274.
Hex triplet | 3355b2 | #3355b2 |
---|---|---|
RGB Decimal | 51, 85, 178 | rgb(51,85,178) |
RGB Percent | 20, 33.3, 69.8 | rgb(20%,33.3%,69.8%) |
CMYK | 71, 52, 0, 30 | |
HSL | 223.9°, 55.5, 44.9 | hsl(223.9,55.5%,44.9%) |
HSV (or HSB) | 223.9°, 71.3, 69.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 38.576, 20.027, -53.16 |
---|---|
XYZ | 12.648, 10.414, 43.461 |
xyY | 0.19, 0.157, 10.414 |
CIE-LCH | 38.576, 56.807, 290.643 |
CIE-LUV | 38.576, -14.431, -77.79 |
Hunter-Lab | 32.271, 13.484, -57.258 |
Binary | 00110011, 01010101, 10110010 |
Color Schemes with #3355b2
Alternatives to #3355b2
Below, you can see some colors close to #3355b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3355b2 Preview
This text has a font color of #3355b2.
<span style="color:#3355b2;">Text here</span>
This paragraph has a background color of #3355b2.
<p style="background-color:#3355b2;">Content here</p>
This element has a border color of #3355b2.
<div style="border:1px solid #3355b2;">Content here</div>
.text {color:#3355b2;}
.background {background-color:#3355b2;}
.border {border:1px solid #3355b2;}
Shades and Tints of #3355b2
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, #03050a is the darkest color, while #fafbfe is the lightest one.
-
#03050a
#03050a
rgb(3,5,10)
-
#070c1a
#070c1a
rgb(7,12,26)
-
#0c1329
#0c1329
rgb(12,19,41)
-
#101b38
#101b38
rgb(16,27,56)
-
#142247
#142247
rgb(20,34,71)
-
#192957
#192957
rgb(25,41,87)
-
#1d3166
#1d3166
rgb(29,49,102)
-
#223875
#223875
rgb(34,56,117)
-
#263f84
#263f84
rgb(38,63,132)
-
#2a4694
#2a4694
rgb(42,70,148)
-
#2f4ea3
#2f4ea3
rgb(47,78,163)
-
#3355b2
#3355b2
rgb(51,85,178)
-
#375cc1
#375cc1
rgb(55,92,193)
-
#4367c9
#4367c9
rgb(67,103,201)
-
#5273ce
#5273ce
rgb(82,115,206)
-
#6280d2
#6280d2
rgb(98,128,210)
-
#718cd6
#718cd6
rgb(113,140,214)
-
#8098db
#8098db
rgb(128,152,219)
-
#8fa5df
#8fa5df
rgb(143,165,223)
-
#9fb1e3
#9fb1e3
rgb(159,177,227)
-
#aebde8
#aebde8
rgb(174,189,232)
-
#bdcaec
#bdcaec
rgb(189,202,236)
-
#ccd6f0
#ccd6f0
rgb(204,214,240)
-
#dce2f5
#dce2f5
rgb(220,226,245)
-
#ebeff9
#ebeff9
rgb(235,239,249)
-
#fafbfe
#fafbfe
rgb(250,251,254)
Tones of #3355b2
A tone is produced by adding gray to any pure hue. In this case, #717274 is the less saturated color, while #0741de is the most saturated one.
-
#717274
#717274
rgb(113,114,116)
-
#686e7d
#686e7d
rgb(104,110,125)
-
#5f6986
#5f6986
rgb(95,105,134)
-
#56658f
#56658f
rgb(86,101,143)
-
#4d6198
#4d6198
rgb(77,97,152)
-
#455da0
#455da0
rgb(69,93,160)
-
#3c59a9
#3c59a9
rgb(60,89,169)
-
#3355b2
#3355b2
rgb(51,85,178)
-
#2a51bb
#2a51bb
rgb(42,81,187)
-
#214dc4
#214dc4
rgb(33,77,196)
-
#1949cc
#1949cc
rgb(25,73,204)
-
#1045d5
#1045d5
rgb(16,69,213)
-
#0741de
#0741de
rgb(7,65,222)
Color Blindness Simulator
Below, you can see how #3355b2 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.