#334ca3 Color Information
In a RGB color space, hex #334ca3 is composed of 20% red, 29.8% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 68.7% cyan, 53.4% magenta, 0% yellow and 36.1% black. It has a hue angle of 226.6 degrees, a saturation of 52.3% and a lightness of 42%. #334ca3 color hex could be obtained by blending #6698ff with #000047. Closest websafe color is: #333399.
-
- R 20
- G 30
- B 64
-
- C 69
- M 53
- Y 0
- K 36
● #334ca3 color description : Dark moderate blue.
#334ca3 Color Conversion
The hexadecimal color #334ca3 has RGB values of R:51, G:76, B:163 and CMYK values of C:0.69, M:0.53, Y:0, K:0.36. Its decimal value is 3361955.
Hex triplet | 334ca3 | #334ca3 |
---|---|---|
RGB Decimal | 51, 76, 163 | rgb(51,76,163) |
RGB Percent | 20, 29.8, 63.9 | rgb(20%,29.8%,63.9%) |
CMYK | 69, 53, 0, 36 | |
HSL | 226.6°, 52.3, 42 | hsl(226.6,52.3%,42%) |
HSV (or HSB) | 226.6°, 68.7, 63.9 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 35.036, 20.38, -49.964 |
---|---|
XYZ | 10.559, 8.516, 35.736 |
xyY | 0.193, 0.155, 8.516 |
CIE-LCH | 35.036, 53.961, 292.19 |
CIE-LUV | 35.036, -11.753, -71.118 |
Hunter-Lab | 29.183, 13.516, -52.175 |
Binary | 00110011, 01001100, 10100011 |
Color Schemes with #334ca3
Alternatives to #334ca3
Below, you can see some colors close to #334ca3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334ca3 Preview
This text has a font color of #334ca3.
<span style="color:#334ca3;">Text here</span>
This paragraph has a background color of #334ca3.
<p style="background-color:#334ca3;">Content here</p>
This element has a border color of #334ca3.
<div style="border:1px solid #334ca3;">Content here</div>
.text {color:#334ca3;}
.background {background-color:#334ca3;}
.border {border:1px solid #334ca3;}
Shades and Tints of #334ca3
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, #04060e is the darkest color, while #fefeff is the lightest one.
-
#04060e
#04060e
rgb(4,6,14)
-
#090d1d
#090d1d
rgb(9,13,29)
-
#0e142b
#0e142b
rgb(14,20,43)
-
#121b3a
#121b3a
rgb(18,27,58)
-
#172249
#172249
rgb(23,34,73)
-
#1c2958
#1c2958
rgb(28,41,88)
-
#203067
#203067
rgb(32,48,103)
-
#253776
#253776
rgb(37,55,118)
-
#2a3e85
#2a3e85
rgb(42,62,133)
-
#2e4594
#2e4594
rgb(46,69,148)
-
#334ca3
#334ca3
rgb(51,76,163)
-
#3853b2
#3853b2
rgb(56,83,178)
-
#3c5ac1
#3c5ac1
rgb(60,90,193)
-
#4a66c6
#4a66c6
rgb(74,102,198)
-
#5973cb
#5973cb
rgb(89,115,203)
-
#687fd0
#687fd0
rgb(104,127,208)
-
#778cd5
#778cd5
rgb(119,140,213)
-
#8699d9
#8699d9
rgb(134,153,217)
-
#95a5de
#95a5de
rgb(149,165,222)
-
#a4b2e3
#a4b2e3
rgb(164,178,227)
-
#b3bfe7
#b3bfe7
rgb(179,191,231)
-
#c2cbec
#c2cbec
rgb(194,203,236)
-
#d1d8f1
#d1d8f1
rgb(209,216,241)
-
#e0e5f5
#e0e5f5
rgb(224,229,245)
-
#eff1fa
#eff1fa
rgb(239,241,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #334ca3
A tone is produced by adding gray to any pure hue. In this case, #646772 is the less saturated color, while #0231d4 is the most saturated one.
-
#646772
#646772
rgb(100,103,114)
-
#5c637a
#5c637a
rgb(92,99,122)
-
#545e82
#545e82
rgb(84,94,130)
-
#4c5a8a
#4c5a8a
rgb(76,90,138)
-
#435593
#435593
rgb(67,85,147)
-
#3b519b
#3b519b
rgb(59,81,155)
-
#334ca3
#334ca3
rgb(51,76,163)
-
#2b47ab
#2b47ab
rgb(43,71,171)
-
#2343b3
#2343b3
rgb(35,67,179)
-
#1a3ebc
#1a3ebc
rgb(26,62,188)
-
#123ac4
#123ac4
rgb(18,58,196)
-
#0a35cc
#0a35cc
rgb(10,53,204)
-
#0231d4
#0231d4
rgb(2,49,212)
Color Blindness Simulator
Below, you can see how #334ca3 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.