#334aae Color Information
In a RGB color space, hex #334aae is composed of 20% red, 29% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 57.5% magenta, 0% yellow and 31.8% black. It has a hue angle of 228.8 degrees, a saturation of 54.7% and a lightness of 44.1%. #334aae color hex could be obtained by blending #6694ff with #00005d. Closest websafe color is: #333399.
-
- R 20
- G 29
- B 68
-
- C 71
- M 57
- Y 0
- K 32
● #334aae color description : Dark blue.
#334aae Color Conversion
The hexadecimal color #334aae has RGB values of R:51, G:74, B:174 and CMYK values of C:0.71, M:0.57, Y:0, K:0.32. Its decimal value is 3361454.
Hex triplet | 334aae | #334aae |
---|---|---|
RGB Decimal | 51, 74, 174 | rgb(51,74,174) |
RGB Percent | 20, 29, 68.2 | rgb(20%,29%,68.2%) |
CMYK | 71, 57, 0, 32 | |
HSL | 228.8°, 54.7, 44.1 | hsl(228.8,54.7%,44.1%) |
HSV (or HSB) | 228.8°, 70.7, 68.2 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 35.315, 25.774, -56.078 |
---|---|
XYZ | 11.452, 8.657, 41.109 |
xyY | 0.187, 0.141, 8.657 |
CIE-LCH | 35.315, 61.718, 294.684 |
CIE-LUV | 35.315, -11.354, -79.848 |
Hunter-Lab | 29.422, 17.991, -62.246 |
Binary | 00110011, 01001010, 10101110 |
Color Schemes with #334aae
Alternatives to #334aae
Below, you can see some colors close to #334aae. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334aae Preview
This text has a font color of #334aae.
<span style="color:#334aae;">Text here</span>
This paragraph has a background color of #334aae.
<p style="background-color:#334aae;">Content here</p>
This element has a border color of #334aae.
<div style="border:1px solid #334aae;">Content here</div>
.text {color:#334aae;}
.background {background-color:#334aae;}
.border {border:1px solid #334aae;}
Shades and Tints of #334aae
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, #020307 is the darkest color, while #f7f8fd is the lightest one.
-
#020307
#020307
rgb(2,3,7)
-
#070916
#070916
rgb(7,9,22)
-
#0b1025
#0b1025
rgb(11,16,37)
-
#0f1635
#0f1635
rgb(15,22,53)
-
#141d44
#141d44
rgb(20,29,68)
-
#182353
#182353
rgb(24,35,83)
-
#1d2a62
#1d2a62
rgb(29,42,98)
-
#213071
#213071
rgb(33,48,113)
-
#263780
#263780
rgb(38,55,128)
-
#2a3d90
#2a3d90
rgb(42,61,144)
-
#2f449f
#2f449f
rgb(47,68,159)
-
#334aae
#334aae
rgb(51,74,174)
-
#3750bd
#3750bd
rgb(55,80,189)
-
#415ac7
#415ac7
rgb(65,90,199)
-
#5067cc
#5067cc
rgb(80,103,204)
-
#5f74d0
#5f74d0
rgb(95,116,208)
-
#6e82d5
#6e82d5
rgb(110,130,213)
-
#7e8fd9
#7e8fd9
rgb(126,143,217)
-
#8d9cde
#8d9cde
rgb(141,156,222)
-
#9ca9e2
#9ca9e2
rgb(156,169,226)
-
#abb6e6
#abb6e6
rgb(171,182,230)
-
#bac3eb
#bac3eb
rgb(186,195,235)
-
#c9d1ef
#c9d1ef
rgb(201,209,239)
-
#d9def4
#d9def4
rgb(217,222,244)
-
#e8ebf8
#e8ebf8
rgb(232,235,248)
-
#f7f8fd
#f7f8fd
rgb(247,248,253)
Tones of #334aae
A tone is produced by adding gray to any pure hue. In this case, #707071 is the less saturated color, while #082fd9 is the most saturated one.
-
#707071
#707071
rgb(112,112,113)
-
#676b7a
#676b7a
rgb(103,107,122)
-
#5e6583
#5e6583
rgb(94,101,131)
-
#56608b
#56608b
rgb(86,96,139)
-
#4d5a94
#4d5a94
rgb(77,90,148)
-
#44559d
#44559d
rgb(68,85,157)
-
#3c4fa5
#3c4fa5
rgb(60,79,165)
-
#334aae
#334aae
rgb(51,74,174)
-
#2a45b7
#2a45b7
rgb(42,69,183)
-
#223fbf
#223fbf
rgb(34,63,191)
-
#193ac8
#193ac8
rgb(25,58,200)
-
#1034d1
#1034d1
rgb(16,52,209)
-
#082fd9
#082fd9
rgb(8,47,217)
Color Blindness Simulator
Below, you can see how #334aae 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.