#334faf Color Information
In a RGB color space, hex #334faf is composed of 20% red, 31% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 54.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 226.5 degrees, a saturation of 54.9% and a lightness of 44.3%. #334faf color hex could be obtained by blending #669eff with #00005f. Closest websafe color is: #336699.
-
- R 20
- G 31
- B 69
-
- C 71
- M 55
- Y 0
- K 31
● #334faf color description : Dark blue.
#334faf Color Conversion
The hexadecimal color #334faf has RGB values of R:51, G:79, B:175 and CMYK values of C:0.71, M:0.55, Y:0, K:0.31. Its decimal value is 3362735.
Hex triplet | 334faf | #334faf |
---|---|---|
RGB Decimal | 51, 79, 175 | rgb(51,79,175) |
RGB Percent | 20, 31, 68.6 | rgb(20%,31%,68.6%) |
CMYK | 71, 55, 0, 31 | |
HSL | 226.5°, 54.9, 44.3 | hsl(226.5,54.9%,44.3%) |
HSV (or HSB) | 226.5°, 70.9, 68.6 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 36.725, 22.854, -54.383 |
---|---|
XYZ | 11.897, 9.39, 41.741 |
xyY | 0.189, 0.149, 9.39 |
CIE-LCH | 36.725, 58.99, 292.794 |
CIE-LUV | 36.725, -12.717, -78.444 |
Hunter-Lab | 30.643, 15.678, -59.311 |
Binary | 00110011, 01001111, 10101111 |
Color Schemes with #334faf
Alternatives to #334faf
Below, you can see some colors close to #334faf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334faf Preview
This text has a font color of #334faf.
<span style="color:#334faf;">Text here</span>
This paragraph has a background color of #334faf.
<p style="background-color:#334faf;">Content here</p>
This element has a border color of #334faf.
<div style="border:1px solid #334faf;">Content here</div>
.text {color:#334faf;}
.background {background-color:#334faf;}
.border {border:1px solid #334faf;}
Shades and Tints of #334faf
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, #020408 is the darkest color, while #f8f9fd is the lightest one.
-
#020408
#020408
rgb(2,4,8)
-
#070a17
#070a17
rgb(7,10,23)
-
#0b1126
#0b1126
rgb(11,17,38)
-
#101835
#101835
rgb(16,24,53)
-
#141f45
#141f45
rgb(20,31,69)
-
#182654
#182654
rgb(24,38,84)
-
#1d2d63
#1d2d63
rgb(29,45,99)
-
#213472
#213472
rgb(33,52,114)
-
#263a81
#263a81
rgb(38,58,129)
-
#2a4191
#2a4191
rgb(42,65,145)
-
#2f48a0
#2f48a0
rgb(47,72,160)
-
#334faf
#334faf
rgb(51,79,175)
-
#3756be
#3756be
rgb(55,86,190)
-
#4160c8
#4160c8
rgb(65,96,200)
-
#516dcc
#516dcc
rgb(81,109,204)
-
#6079d1
#6079d1
rgb(96,121,209)
-
#6f86d5
#6f86d5
rgb(111,134,213)
-
#7e93d9
#7e93d9
rgb(126,147,217)
-
#8da0de
#8da0de
rgb(141,160,222)
-
#9dace2
#9dace2
rgb(157,172,226)
-
#acb9e7
#acb9e7
rgb(172,185,231)
-
#bbc6eb
#bbc6eb
rgb(187,198,235)
-
#cad3f0
#cad3f0
rgb(202,211,240)
-
#d9dff4
#d9dff4
rgb(217,223,244)
-
#e9ecf8
#e9ecf8
rgb(233,236,248)
-
#f8f9fd
#f8f9fd
rgb(248,249,253)
Tones of #334faf
A tone is produced by adding gray to any pure hue. In this case, #707072 is the less saturated color, while #0837da is the most saturated one.
-
#707072
#707072
rgb(112,112,114)
-
#676c7b
#676c7b
rgb(103,108,123)
-
#5e6784
#5e6784
rgb(94,103,132)
-
#56628c
#56628c
rgb(86,98,140)
-
#4d5d95
#4d5d95
rgb(77,93,149)
-
#44599e
#44599e
rgb(68,89,158)
-
#3c54a6
#3c54a6
rgb(60,84,166)
-
#334faf
#334faf
rgb(51,79,175)
-
#2a4ab8
#2a4ab8
rgb(42,74,184)
-
#2245c0
#2245c0
rgb(34,69,192)
-
#1941c9
#1941c9
rgb(25,65,201)
-
#103cd2
#103cd2
rgb(16,60,210)
-
#0837da
#0837da
rgb(8,55,218)
Color Blindness Simulator
Below, you can see how #334faf 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.