#334ccc Color Information
In a RGB color space, hex #334ccc is composed of 20% red, 29.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 62.7% magenta, 0% yellow and 20% black. It has a hue angle of 230.2 degrees, a saturation of 60% and a lightness of 50%. #334ccc color hex could be obtained by blending #6698ff with #000099. Closest websafe color is: #3333cc.
-
- R 20
- G 30
- B 80
-
- C 75
- M 63
- Y 0
- K 20
● #334ccc color description : Strong blue.
#334ccc Color Conversion
The hexadecimal color #334ccc has RGB values of R:51, G:76, B:204 and CMYK values of C:0.75, M:0.63, Y:0, K:0.2. Its decimal value is 3361996.
Hex triplet | 334ccc | #334ccc |
---|---|---|
RGB Decimal | 51, 76, 204 | rgb(51,76,204) |
RGB Percent | 20, 29.8, 80 | rgb(20%,29.8%,80%) |
CMYK | 75, 63, 0, 20 | |
HSL | 230.2°, 60, 50 | hsl(230.2,60%,50%) |
HSV (or HSB) | 230.2°, 75, 80 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 38.254, 35.421, -68.878 |
---|---|
XYZ | 14.847, 10.231, 58.316 |
xyY | 0.178, 0.123, 10.231 |
CIE-LCH | 38.254, 77.452, 297.215 |
CIE-LUV | 38.254, -12.351, -99.502 |
Hunter-Lab | 31.986, 26.874, -85.704 |
Binary | 00110011, 01001100, 11001100 |
Color Schemes with #334ccc
Alternatives to #334ccc
Below, you can see some colors close to #334ccc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334ccc Preview
This text has a font color of #334ccc.
<span style="color:#334ccc;">Text here</span>
This paragraph has a background color of #334ccc.
<p style="background-color:#334ccc;">Content here</p>
This element has a border color of #334ccc.
<div style="border:1px solid #334ccc;">Content here</div>
.text {color:#334ccc;}
.background {background-color:#334ccc;}
.border {border:1px solid #334ccc;}
Shades and Tints of #334ccc
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)
-
#10173f
#10173f
rgb(16,23,63)
-
#141d4e
#141d4e
rgb(20,29,78)
-
#18235e
#18235e
rgb(24,35,94)
-
#1b296e
#1b296e
rgb(27,41,110)
-
#1f2f7e
#1f2f7e
rgb(31,47,126)
-
#23358d
#23358d
rgb(35,53,141)
-
#273a9d
#273a9d
rgb(39,58,157)
-
#2b40ad
#2b40ad
rgb(43,64,173)
-
#2f46bc
#2f46bc
rgb(47,70,188)
-
#334ccc
#334ccc
rgb(51,76,204)
-
#435ad0
#435ad0
rgb(67,90,208)
-
#5268d4
#5268d4
rgb(82,104,212)
-
#6275d8
#6275d8
rgb(98,117,216)
-
#7283dc
#7283dc
rgb(114,131,220)
-
#8191e0
#8191e0
rgb(129,145,224)
-
#919fe4
#919fe4
rgb(145,159,228)
-
#a1ace7
#a1ace7
rgb(161,172,231)
-
#b1baeb
#b1baeb
rgb(177,186,235)
-
#c0c8ef
#c0c8ef
rgb(192,200,239)
-
#d0d6f3
#d0d6f3
rgb(208,214,243)
-
#e0e3f7
#e0e3f7
rgb(224,227,247)
-
#eff1fb
#eff1fb
rgb(239,241,251)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #334ccc
A tone is produced by adding gray to any pure hue. In this case, #787a87 is the less saturated color, while #022bfd is the most saturated one.
-
#787a87
#787a87
rgb(120,122,135)
-
#6e7491
#6e7491
rgb(110,116,145)
-
#646d9b
#646d9b
rgb(100,109,155)
-
#5a66a5
#5a66a5
rgb(90,102,165)
-
#5060af
#5060af
rgb(80,96,175)
-
#4759b8
#4759b8
rgb(71,89,184)
-
#3d53c2
#3d53c2
rgb(61,83,194)
-
#334ccc
#334ccc
rgb(51,76,204)
-
#2945d6
#2945d6
rgb(41,69,214)
-
#1f3fe0
#1f3fe0
rgb(31,63,224)
-
#1638e9
#1638e9
rgb(22,56,233)
-
#0c32f3
#0c32f3
rgb(12,50,243)
-
#022bfd
#022bfd
rgb(2,43,253)
Color Blindness Simulator
Below, you can see how #334ccc 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.