#334ca9 Color Information
In a RGB color space, hex #334ca9 is composed of 20% red, 29.8% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 55% magenta, 0% yellow and 33.7% black. It has a hue angle of 227.3 degrees, a saturation of 53.6% and a lightness of 43.1%. #334ca9 color hex could be obtained by blending #6698ff with #000053. Closest websafe color is: #333399.
-
- R 20
- G 30
- B 66
-
- C 70
- M 55
- Y 0
- K 34
● #334ca9 color description : Dark moderate blue.
#334ca9 Color Conversion
The hexadecimal color #334ca9 has RGB values of R:51, G:76, B:169 and CMYK values of C:0.7, M:0.55, Y:0, K:0.34. Its decimal value is 3361961.
Hex triplet | 334ca9 | #334ca9 |
---|---|---|
RGB Decimal | 51, 76, 169 | rgb(51,76,169) |
RGB Percent | 20, 29.8, 66.3 | rgb(20%,29.8%,66.3%) |
CMYK | 70, 55, 0, 34 | |
HSL | 227.3°, 53.6, 43.1 | hsl(227.3,53.6%,43.1%) |
HSV (or HSB) | 227.3°, 69.8, 66.3 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 35.472, 22.606, -52.846 |
---|---|
XYZ | 11.11, 8.737, 38.635 |
xyY | 0.19, 0.149, 8.737 |
CIE-LCH | 35.472, 57.478, 293.16 |
CIE-LUV | 35.472, -11.823, -75.463 |
Hunter-Lab | 29.558, 15.365, -56.807 |
Binary | 00110011, 01001100, 10101001 |
Color Schemes with #334ca9
Alternatives to #334ca9
Below, you can see some colors close to #334ca9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334ca9 Preview
This text has a font color of #334ca9.
<span style="color:#334ca9;">Text here</span>
This paragraph has a background color of #334ca9.
<p style="background-color:#334ca9;">Content here</p>
This element has a border color of #334ca9.
<div style="border:1px solid #334ca9;">Content here</div>
.text {color:#334ca9;}
.background {background-color:#334ca9;}
.border {border:1px solid #334ca9;}
Shades and Tints of #334ca9
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, #010103 is the darkest color, while #f3f5fb is the lightest one.
-
#010103
#010103
rgb(1,1,3)
-
#060812
#060812
rgb(6,8,18)
-
#0a0f21
#0a0f21
rgb(10,15,33)
-
#0f1630
#0f1630
rgb(15,22,48)
-
#131d40
#131d40
rgb(19,29,64)
-
#18234f
#18234f
rgb(24,35,79)
-
#1c2a5e
#1c2a5e
rgb(28,42,94)
-
#21316d
#21316d
rgb(33,49,109)
-
#25387c
#25387c
rgb(37,56,124)
-
#2a3e8b
#2a3e8b
rgb(42,62,139)
-
#2e459a
#2e459a
rgb(46,69,154)
-
#334ca9
#334ca9
rgb(51,76,169)
-
#3853b8
#3853b8
rgb(56,83,184)
-
#3e5bc5
#3e5bc5
rgb(62,91,197)
-
#4d68c9
#4d68c9
rgb(77,104,201)
-
#5d75ce
#5d75ce
rgb(93,117,206)
-
#6c81d3
#6c81d3
rgb(108,129,211)
-
#7b8ed7
#7b8ed7
rgb(123,142,215)
-
#8a9bdc
#8a9bdc
rgb(138,155,220)
-
#99a8e0
#99a8e0
rgb(153,168,224)
-
#a8b5e5
#a8b5e5
rgb(168,181,229)
-
#b7c2e9
#b7c2e9
rgb(183,194,233)
-
#c6ceee
#c6ceee
rgb(198,206,238)
-
#d5dbf2
#d5dbf2
rgb(213,219,242)
-
#e4e8f7
#e4e8f7
rgb(228,232,247)
-
#f3f5fb
#f3f5fb
rgb(243,245,251)
Tones of #334ca9
A tone is produced by adding gray to any pure hue. In this case, #666976 is the less saturated color, while #002fdc is the most saturated one.
-
#666976
#666976
rgb(102,105,118)
-
#5d647f
#5d647f
rgb(93,100,127)
-
#556087
#556087
rgb(85,96,135)
-
#4c5b90
#4c5b90
rgb(76,91,144)
-
#445698
#445698
rgb(68,86,152)
-
#3b51a1
#3b51a1
rgb(59,81,161)
-
#334ca9
#334ca9
rgb(51,76,169)
-
#2b47b1
#2b47b1
rgb(43,71,177)
-
#2242ba
#2242ba
rgb(34,66,186)
-
#1a3dc2
#1a3dc2
rgb(26,61,194)
-
#1138cb
#1138cb
rgb(17,56,203)
-
#0934d3
#0934d3
rgb(9,52,211)
-
#002fdc
#002fdc
rgb(0,47,220)
Color Blindness Simulator
Below, you can see how #334ca9 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.