#334ccd Color Information
In a RGB color space, hex #334ccd is composed of 20% red, 29.8% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 62.9% magenta, 0% yellow and 19.6% black. It has a hue angle of 230.3 degrees, a saturation of 60.6% and a lightness of 50.2%. #334ccd color hex could be obtained by blending #6698ff with #00009b. Closest websafe color is: #3333cc.
-
- R 20
- G 30
- B 80
-
- C 75
- M 63
- Y 0
- K 20
● #334ccd color description : Strong blue.
#334ccd Color Conversion
The hexadecimal color #334ccd has RGB values of R:51, G:76, B:205 and CMYK values of C:0.75, M:0.63, Y:0, K:0.2. Its decimal value is 3361997.
Hex triplet | 334ccd | #334ccd |
---|---|---|
RGB Decimal | 51, 76, 205 | rgb(51,76,205) |
RGB Percent | 20, 29.8, 80.4 | rgb(20%,29.8%,80.4%) |
CMYK | 75, 63, 0, 20 | |
HSL | 230.3°, 60.6, 50.2 | hsl(230.3,60.6%,50.2%) |
HSV (or HSB) | 230.3°, 75.1, 80.4 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 38.339, 35.781, -69.317 |
---|---|
XYZ | 14.967, 10.279, 58.95 |
xyY | 0.178, 0.122, 10.279 |
CIE-LCH | 38.339, 78.007, 297.302 |
CIE-LUV | 38.339, -12.369, -100.16 |
Hunter-Lab | 32.062, 27.219, -86.57 |
Binary | 00110011, 01001100, 11001101 |
Color Schemes with #334ccd
Alternatives to #334ccd
Below, you can see some colors close to #334ccd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334ccd Preview
This text has a font color of #334ccd.
<span style="color:#334ccd;">Text here</span>
This paragraph has a background color of #334ccd.
<p style="background-color:#334ccd;">Content here</p>
This element has a border color of #334ccd.
<div style="border:1px solid #334ccd;">Content here</div>
.text {color:#334ccd;}
.background {background-color:#334ccd;}
.border {border:1px solid #334ccd;}
Shades and Tints of #334ccd
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, #000001 is the darkest color, while #f0f2fb is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#040611
#040611
rgb(4,6,17)
-
#080c20
#080c20
rgb(8,12,32)
-
#0c1230
#0c1230
rgb(12,18,48)
-
#101740
#101740
rgb(16,23,64)
-
#141d50
#141d50
rgb(20,29,80)
-
#17235f
#17235f
rgb(23,35,95)
-
#1b296f
#1b296f
rgb(27,41,111)
-
#1f2f7f
#1f2f7f
rgb(31,47,127)
-
#23348f
#23348f
rgb(35,52,143)
-
#273a9e
#273a9e
rgb(39,58,158)
-
#2b40ae
#2b40ae
rgb(43,64,174)
-
#2f46be
#2f46be
rgb(47,70,190)
-
#334ccd
#334ccd
rgb(51,76,205)
-
#435ad1
#435ad1
rgb(67,90,209)
-
#5368d5
#5368d5
rgb(83,104,213)
-
#6275d9
#6275d9
rgb(98,117,217)
-
#7283dc
#7283dc
rgb(114,131,220)
-
#8291e0
#8291e0
rgb(130,145,224)
-
#929fe4
#929fe4
rgb(146,159,228)
-
#a1ade8
#a1ade8
rgb(161,173,232)
-
#b1bbec
#b1bbec
rgb(177,187,236)
-
#c1c8f0
#c1c8f0
rgb(193,200,240)
-
#d1d6f4
#d1d6f4
rgb(209,214,244)
-
#e0e4f7
#e0e4f7
rgb(224,228,247)
-
#f0f2fb
#f0f2fb
rgb(240,242,251)
Tones of #334ccd
A tone is produced by adding gray to any pure hue. In this case, #777a89 is the less saturated color, while #022bfe is the most saturated one.
-
#777a89
#777a89
rgb(119,122,137)
-
#6e7492
#6e7492
rgb(110,116,146)
-
#646d9c
#646d9c
rgb(100,109,156)
-
#5a66a6
#5a66a6
rgb(90,102,166)
-
#5060b0
#5060b0
rgb(80,96,176)
-
#4759b9
#4759b9
rgb(71,89,185)
-
#3d53c3
#3d53c3
rgb(61,83,195)
-
#334ccd
#334ccd
rgb(51,76,205)
-
#2945d7
#2945d7
rgb(41,69,215)
-
#1f3fe1
#1f3fe1
rgb(31,63,225)
-
#1638ea
#1638ea
rgb(22,56,234)
-
#0c32f4
#0c32f4
rgb(12,50,244)
-
#022bfe
#022bfe
rgb(2,43,254)
Color Blindness Simulator
Below, you can see how #334ccd 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.