#3354dd Color Information
In a RGB color space, hex #3354dd is composed of 20% red, 32.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 62% magenta, 0% yellow and 13.3% black. It has a hue angle of 228.4 degrees, a saturation of 71.4% and a lightness of 53.3%. #3354dd color hex could be obtained by blending #66a8ff with #0000bb. Closest websafe color is: #3366cc.
-
- R 20
- G 33
- B 87
-
- C 77
- M 62
- Y 0
- K 13
● #3354dd color description : Bright blue.
#3354dd Color Conversion
The hexadecimal color #3354dd has RGB values of R:51, G:84, B:221 and CMYK values of C:0.77, M:0.62, Y:0, K:0.13. Its decimal value is 3364061.
Hex triplet | 3354dd | #3354dd |
---|---|---|
RGB Decimal | 51, 84, 221 | rgb(51,84,221) |
RGB Percent | 20, 32.9, 86.7 | rgb(20%,32.9%,86.7%) |
CMYK | 77, 62, 0, 13 | |
HSL | 228.4°, 71.4, 53.3 | hsl(228.4,71.4%,53.3%) |
HSV (or HSB) | 228.4°, 76.9, 86.7 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 41.632, 36.488, -73.119 |
---|---|
XYZ | 17.584, 12.264, 69.843 |
xyY | 0.176, 0.123, 12.264 |
CIE-LCH | 41.632, 81.718, 296.52 |
CIE-LUV | 41.632, -14.469, -108.153 |
Hunter-Lab | 35.02, 28.344, -93.734 |
Binary | 00110011, 01010100, 11011101 |
Color Schemes with #3354dd
Alternatives to #3354dd
Below, you can see some colors close to #3354dd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3354dd Preview
This text has a font color of #3354dd.
<span style="color:#3354dd;">Text here</span>
This paragraph has a background color of #3354dd.
<p style="background-color:#3354dd;">Content here</p>
This element has a border color of #3354dd.
<div style="border:1px solid #3354dd;">Content here</div>
.text {color:#3354dd;}
.background {background-color:#3354dd;}
.border {border:1px solid #3354dd;}
Shades and Tints of #3354dd
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, #02050f is the darkest color, while #fdfdff is the lightest one.
-
#02050f
#02050f
rgb(2,5,15)
-
#050a1f
#050a1f
rgb(5,10,31)
-
#081030
#081030
rgb(8,16,48)
-
#0b1541
#0b1541
rgb(11,21,65)
-
#0e1b52
#0e1b52
rgb(14,27,82)
-
#102063
#102063
rgb(16,32,99)
-
#132673
#132673
rgb(19,38,115)
-
#162b84
#162b84
rgb(22,43,132)
-
#193195
#193195
rgb(25,49,149)
-
#1c36a6
#1c36a6
rgb(28,54,166)
-
#1e3cb7
#1e3cb7
rgb(30,60,183)
-
#2142c8
#2142c8
rgb(33,66,200)
-
#2447d8
#2447d8
rgb(36,71,216)
-
#3354dd
#3354dd
rgb(51,84,221)
-
#4462e0
#4462e0
rgb(68,98,224)
-
#5570e3
#5570e3
rgb(85,112,227)
-
#657ee5
#657ee5
rgb(101,126,229)
-
#768ce8
#768ce8
rgb(118,140,232)
-
#879aeb
#879aeb
rgb(135,154,235)
-
#98a9ee
#98a9ee
rgb(152,169,238)
-
#a9b7f1
#a9b7f1
rgb(169,183,241)
-
#bac5f3
#bac5f3
rgb(186,197,243)
-
#cad3f6
#cad3f6
rgb(202,211,246)
-
#dbe1f9
#dbe1f9
rgb(219,225,249)
-
#eceffc
#eceffc
rgb(236,239,252)
-
#fdfdff
#fdfdff
rgb(253,253,255)
Tones of #3354dd
A tone is produced by adding gray to any pure hue. In this case, #85868b is the less saturated color, while #1843f8 is the most saturated one.
-
#85868b
#85868b
rgb(133,134,139)
-
#7c8194
#7c8194
rgb(124,129,148)
-
#737b9d
#737b9d
rgb(115,123,157)
-
#6a76a6
#6a76a6
rgb(106,118,166)
-
#6170af
#6170af
rgb(97,112,175)
-
#586ab8
#586ab8
rgb(88,106,184)
-
#4e65c2
#4e65c2
rgb(78,101,194)
-
#455fcb
#455fcb
rgb(69,95,203)
-
#3c5ad4
#3c5ad4
rgb(60,90,212)
-
#3354dd
#3354dd
rgb(51,84,221)
-
#2a4ee6
#2a4ee6
rgb(42,78,230)
-
#2149ef
#2149ef
rgb(33,73,239)
-
#1843f8
#1843f8
rgb(24,67,248)
Color Blindness Simulator
Below, you can see how #3354dd 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.