#334fae Color Information
In a RGB color space, hex #334fae is composed of 20% red, 31% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 54.6% magenta, 0% yellow and 31.8% black. It has a hue angle of 226.3 degrees, a saturation of 54.7% and a lightness of 44.1%. #334fae color hex could be obtained by blending #669eff with #00005d. Closest websafe color is: #336699.
-
- R 20
- G 31
- B 68
-
- C 71
- M 55
- Y 0
- K 32
● #334fae color description : Dark blue.
#334fae Color Conversion
The hexadecimal color #334fae has RGB values of R:51, G:79, B:174 and CMYK values of C:0.71, M:0.55, Y:0, K:0.32. Its decimal value is 3362734.
Hex triplet | 334fae | #334fae |
---|---|---|
RGB Decimal | 51, 79, 174 | rgb(51,79,174) |
RGB Percent | 20, 31, 68.2 | rgb(20%,31%,68.2%) |
CMYK | 71, 55, 0, 32 | |
HSL | 226.3°, 54.7, 44.1 | hsl(226.3,54.7%,44.1%) |
HSV (or HSB) | 226.3°, 70.7, 68.2 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 36.652, 22.482, -53.909 |
---|---|
XYZ | 11.8, 9.351, 41.225 |
xyY | 0.189, 0.15, 9.351 |
CIE-LCH | 36.652, 58.409, 292.638 |
CIE-LUV | 36.652, -12.707, -77.724 |
Hunter-Lab | 30.579, 15.363, -58.525 |
Binary | 00110011, 01001111, 10101110 |
Color Schemes with #334fae
Alternatives to #334fae
Below, you can see some colors close to #334fae. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334fae Preview
This text has a font color of #334fae.
<span style="color:#334fae;">Text here</span>
This paragraph has a background color of #334fae.
<p style="background-color:#334fae;">Content here</p>
This element has a border color of #334fae.
<div style="border:1px solid #334fae;">Content here</div>
.text {color:#334fae;}
.background {background-color:#334fae;}
.border {border:1px solid #334fae;}
Shades and Tints of #334fae
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)
-
#070a16
#070a16
rgb(7,10,22)
-
#0b1125
#0b1125
rgb(11,17,37)
-
#0f1835
#0f1835
rgb(15,24,53)
-
#141f44
#141f44
rgb(20,31,68)
-
#182653
#182653
rgb(24,38,83)
-
#1d2d62
#1d2d62
rgb(29,45,98)
-
#213371
#213371
rgb(33,51,113)
-
#263a80
#263a80
rgb(38,58,128)
-
#2a4190
#2a4190
rgb(42,65,144)
-
#2f489f
#2f489f
rgb(47,72,159)
-
#334fae
#334fae
rgb(51,79,174)
-
#3756bd
#3756bd
rgb(55,86,189)
-
#4160c7
#4160c7
rgb(65,96,199)
-
#506ccc
#506ccc
rgb(80,108,204)
-
#5f79d0
#5f79d0
rgb(95,121,208)
-
#6e86d5
#6e86d5
rgb(110,134,213)
-
#7e92d9
#7e92d9
rgb(126,146,217)
-
#8d9fde
#8d9fde
rgb(141,159,222)
-
#9cace2
#9cace2
rgb(156,172,226)
-
#abb9e6
#abb9e6
rgb(171,185,230)
-
#bac5eb
#bac5eb
rgb(186,197,235)
-
#c9d2ef
#c9d2ef
rgb(201,210,239)
-
#d9dff4
#d9dff4
rgb(217,223,244)
-
#e8ecf8
#e8ecf8
rgb(232,236,248)
-
#f7f8fd
#f7f8fd
rgb(247,248,253)
Tones of #334fae
A tone is produced by adding gray to any pure hue. In this case, #707071 is the less saturated color, while #0837d9 is the most saturated one.
-
#707071
#707071
rgb(112,112,113)
-
#676b7a
#676b7a
rgb(103,107,122)
-
#5e6783
#5e6783
rgb(94,103,131)
-
#56628b
#56628b
rgb(86,98,139)
-
#4d5d94
#4d5d94
rgb(77,93,148)
-
#44589d
#44589d
rgb(68,88,157)
-
#3c54a5
#3c54a5
rgb(60,84,165)
-
#334fae
#334fae
rgb(51,79,174)
-
#2a4ab7
#2a4ab7
rgb(42,74,183)
-
#2246bf
#2246bf
rgb(34,70,191)
-
#1941c8
#1941c8
rgb(25,65,200)
-
#103cd1
#103cd1
rgb(16,60,209)
-
#0837d9
#0837d9
rgb(8,55,217)
Color Blindness Simulator
Below, you can see how #334fae 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.