#334cd3 Color Information
In a RGB color space, hex #334cd3 is composed of 20% red, 29.8% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 75.8% cyan, 64% magenta, 0% yellow and 17.3% black. It has a hue angle of 230.6 degrees, a saturation of 64.5% and a lightness of 51.4%. #334cd3 color hex could be obtained by blending #6698ff with #0000a7. Closest websafe color is: #3333cc.
-
- R 20
- G 30
- B 83
-
- C 76
- M 64
- Y 0
- K 17
● #334cd3 color description : Strong blue.
#334cd3 Color Conversion
The hexadecimal color #334cd3 has RGB values of R:51, G:76, B:211 and CMYK values of C:0.76, M:0.64, Y:0, K:0.17. Its decimal value is 3362003.
Hex triplet | 334cd3 | #334cd3 |
---|---|---|
RGB Decimal | 51, 76, 211 | rgb(51,76,211) |
RGB Percent | 20, 29.8, 82.7 | rgb(20%,29.8%,82.7%) |
CMYK | 76, 64, 0, 17 | |
HSL | 230.6°, 64.5, 51.4 | hsl(230.6,64.5%,51.4%) |
HSV (or HSB) | 230.6°, 75.8, 82.7 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 38.855, 37.927, -71.937 |
---|---|
XYZ | 15.705, 10.575, 62.838 |
xyY | 0.176, 0.119, 10.575 |
CIE-LCH | 38.855, 81.323, 297.8 |
CIE-LUV | 38.855, -12.479, -104.072 |
Hunter-Lab | 32.519, 29.299, -91.806 |
Binary | 00110011, 01001100, 11010011 |
Color Schemes with #334cd3
Alternatives to #334cd3
Below, you can see some colors close to #334cd3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334cd3 Preview
This text has a font color of #334cd3.
<span style="color:#334cd3;">Text here</span>
This paragraph has a background color of #334cd3.
<p style="background-color:#334cd3;">Content here</p>
This element has a border color of #334cd3.
<div style="border:1px solid #334cd3;">Content here</div>
.text {color:#334cd3;}
.background {background-color:#334cd3;}
.border {border:1px solid #334cd3;}
Shades and Tints of #334cd3
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, #010206 is the darkest color, while #f5f6fd is the lightest one.
-
#010206
#010206
rgb(1,2,6)
-
#050716
#050716
rgb(5,7,22)
-
#080d26
#080d26
rgb(8,13,38)
-
#0c1236
#0c1236
rgb(12,18,54)
-
#0f1846
#0f1846
rgb(15,24,70)
-
#131d56
#131d56
rgb(19,29,86)
-
#162367
#162367
rgb(22,35,103)
-
#1a2877
#1a2877
rgb(26,40,119)
-
#1d2e87
#1d2e87
rgb(29,46,135)
-
#213397
#213397
rgb(33,51,151)
-
#2439a7
#2439a7
rgb(36,57,167)
-
#283eb7
#283eb7
rgb(40,62,183)
-
#2b43c7
#2b43c7
rgb(43,67,199)
-
#334cd3
#334cd3
rgb(51,76,211)
-
#435ad6
#435ad6
rgb(67,90,214)
-
#5368da
#5368da
rgb(83,104,218)
-
#6376dd
#6376dd
rgb(99,118,221)
-
#7485e1
#7485e1
rgb(116,133,225)
-
#8493e4
#8493e4
rgb(132,147,228)
-
#94a1e8
#94a1e8
rgb(148,161,232)
-
#a4afeb
#a4afeb
rgb(164,175,235)
-
#b4bdef
#b4bdef
rgb(180,189,239)
-
#c4cbf2
#c4cbf2
rgb(196,203,242)
-
#d4daf6
#d4daf6
rgb(212,218,246)
-
#e4e8f9
#e4e8f9
rgb(228,232,249)
-
#f5f6fd
#f5f6fd
rgb(245,246,253)
Tones of #334cd3
A tone is produced by adding gray to any pure hue. In this case, #7f8087 is the less saturated color, while #0d32f9 is the most saturated one.
-
#7f8087
#7f8087
rgb(127,128,135)
-
#767a90
#767a90
rgb(118,122,144)
-
#6c739a
#6c739a
rgb(108,115,154)
-
#636da3
#636da3
rgb(99,109,163)
-
#5966ad
#5966ad
rgb(89,102,173)
-
#5060b6
#5060b6
rgb(80,96,182)
-
#4659c0
#4659c0
rgb(70,89,192)
-
#3d53c9
#3d53c9
rgb(61,83,201)
-
#334cd3
#334cd3
rgb(51,76,211)
-
#2945dd
#2945dd
rgb(41,69,221)
-
#203fe6
#203fe6
rgb(32,63,230)
-
#1638f0
#1638f0
rgb(22,56,240)
-
#0d32f9
#0d32f9
rgb(13,50,249)
Color Blindness Simulator
Below, you can see how #334cd3 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.