#334dcc Color Information
In a RGB color space, hex #334dcc is composed of 20% red, 30.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 62.3% magenta, 0% yellow and 20% black. It has a hue angle of 229.8 degrees, a saturation of 60% and a lightness of 50%. #334dcc color hex could be obtained by blending #669aff with #000099. Closest websafe color is: #3366cc.
-
- R 20
- G 30
- B 80
-
- C 75
- M 62
- Y 0
- K 20
● #334dcc color description : Strong blue.
#334dcc Color Conversion
The hexadecimal color #334dcc has RGB values of R:51, G:77, B:204 and CMYK values of C:0.75, M:0.62, Y:0, K:0.2. Its decimal value is 3362252.
Hex triplet | 334dcc | #334dcc |
---|---|---|
RGB Decimal | 51, 77, 204 | rgb(51,77,204) |
RGB Percent | 20, 30.2, 80 | rgb(20%,30.2%,80%) |
CMYK | 75, 62, 0, 20 | |
HSL | 229.8°, 60, 50 | hsl(229.8,60%,50%) |
HSV (or HSB) | 229.8°, 75, 80 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 38.499, 34.787, -68.478 |
---|---|
XYZ | 14.916, 10.37, 58.339 |
xyY | 0.178, 0.124, 10.37 |
CIE-LCH | 38.499, 76.807, 296.931 |
CIE-LUV | 38.499, -12.584, -99.191 |
Hunter-Lab | 32.203, 26.324, -84.869 |
Binary | 00110011, 01001101, 11001100 |
Color Schemes with #334dcc
Alternatives to #334dcc
Below, you can see some colors close to #334dcc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334dcc Preview
This text has a font color of #334dcc.
<span style="color:#334dcc;">Text here</span>
This paragraph has a background color of #334dcc.
<p style="background-color:#334dcc;">Content here</p>
This element has a border color of #334dcc.
<div style="border:1px solid #334dcc;">Content here</div>
.text {color:#334dcc;}
.background {background-color:#334dcc;}
.border {border:1px solid #334dcc;}
Shades and Tints of #334dcc
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, #040610 is the darkest color, while #ffffff is the lightest one.
-
#040610
#040610
rgb(4,6,16)
-
#080c1f
#080c1f
rgb(8,12,31)
-
#0c122f
#0c122f
rgb(12,18,47)
-
#10183f
#10183f
rgb(16,24,63)
-
#141e4e
#141e4e
rgb(20,30,78)
-
#18245e
#18245e
rgb(24,36,94)
-
#1b296e
#1b296e
rgb(27,41,110)
-
#1f2f7e
#1f2f7e
rgb(31,47,126)
-
#23358d
#23358d
rgb(35,53,141)
-
#273b9d
#273b9d
rgb(39,59,157)
-
#2b41ad
#2b41ad
rgb(43,65,173)
-
#2f47bc
#2f47bc
rgb(47,71,188)
-
#334dcc
#334dcc
rgb(51,77,204)
-
#435bd0
#435bd0
rgb(67,91,208)
-
#5268d4
#5268d4
rgb(82,104,212)
-
#6276d8
#6276d8
rgb(98,118,216)
-
#7284dc
#7284dc
rgb(114,132,220)
-
#8191e0
#8191e0
rgb(129,145,224)
-
#919fe4
#919fe4
rgb(145,159,228)
-
#a1ade7
#a1ade7
rgb(161,173,231)
-
#b1bbeb
#b1bbeb
rgb(177,187,235)
-
#c0c8ef
#c0c8ef
rgb(192,200,239)
-
#d0d6f3
#d0d6f3
rgb(208,214,243)
-
#e0e4f7
#e0e4f7
rgb(224,228,247)
-
#eff1fb
#eff1fb
rgb(239,241,251)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #334dcc
A tone is produced by adding gray to any pure hue. In this case, #787a87 is the less saturated color, while #022dfd is the most saturated one.
-
#787a87
#787a87
rgb(120,122,135)
-
#6e7491
#6e7491
rgb(110,116,145)
-
#646d9b
#646d9b
rgb(100,109,155)
-
#5a67a5
#5a67a5
rgb(90,103,165)
-
#5060af
#5060af
rgb(80,96,175)
-
#475ab8
#475ab8
rgb(71,90,184)
-
#3d53c2
#3d53c2
rgb(61,83,194)
-
#334dcc
#334dcc
rgb(51,77,204)
-
#2947d6
#2947d6
rgb(41,71,214)
-
#1f40e0
#1f40e0
rgb(31,64,224)
-
#163ae9
#163ae9
rgb(22,58,233)
-
#0c33f3
#0c33f3
rgb(12,51,243)
-
#022dfd
#022dfd
rgb(2,45,253)
Color Blindness Simulator
Below, you can see how #334dcc 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.