#334fb0 Color Information
In a RGB color space, hex #334fb0 is composed of 20% red, 31% green and 69% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 55.1% magenta, 0% yellow and 31% black. It has a hue angle of 226.6 degrees, a saturation of 55.1% and a lightness of 44.5%. #334fb0 color hex could be obtained by blending #669eff with #000061. Closest websafe color is: #336699.
-
- R 20
- G 31
- B 69
-
- C 71
- M 55
- Y 0
- K 31
● #334fb0 color description : Dark blue.
#334fb0 Color Conversion
The hexadecimal color #334fb0 has RGB values of R:51, G:79, B:176 and CMYK values of C:0.71, M:0.55, Y:0, K:0.31. Its decimal value is 3362736.
Hex triplet | 334fb0 | #334fb0 |
---|---|---|
RGB Decimal | 51, 79, 176 | rgb(51,79,176) |
RGB Percent | 20, 31, 69 | rgb(20%,31%,69%) |
CMYK | 71, 55, 0, 31 | |
HSL | 226.6°, 55.1, 44.5 | hsl(226.6,55.1%,44.5%) |
HSV (or HSB) | 226.6°, 71, 69 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 36.799, 23.225, -54.856 |
---|---|
XYZ | 11.996, 9.43, 42.26 |
xyY | 0.188, 0.148, 9.43 |
CIE-LCH | 36.799, 59.57, 292.947 |
CIE-LUV | 36.799, -12.726, -79.162 |
Hunter-Lab | 30.708, 15.993, -60.099 |
Binary | 00110011, 01001111, 10110000 |
Color Schemes with #334fb0
Alternatives to #334fb0
Below, you can see some colors close to #334fb0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334fb0 Preview
This text has a font color of #334fb0.
<span style="color:#334fb0;">Text here</span>
This paragraph has a background color of #334fb0.
<p style="background-color:#334fb0;">Content here</p>
This element has a border color of #334fb0.
<div style="border:1px solid #334fb0;">Content here</div>
.text {color:#334fb0;}
.background {background-color:#334fb0;}
.border {border:1px solid #334fb0;}
Shades and Tints of #334fb0
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, #030409 is the darkest color, while #f8fafd is the lightest one.
-
#030409
#030409
rgb(3,4,9)
-
#070b18
#070b18
rgb(7,11,24)
-
#0b1227
#0b1227
rgb(11,18,39)
-
#101836
#101836
rgb(16,24,54)
-
#141f46
#141f46
rgb(20,31,70)
-
#192655
#192655
rgb(25,38,85)
-
#1d2d64
#1d2d64
rgb(29,45,100)
-
#213473
#213473
rgb(33,52,115)
-
#263b82
#263b82
rgb(38,59,130)
-
#2a4192
#2a4192
rgb(42,65,146)
-
#2f48a1
#2f48a1
rgb(47,72,161)
-
#334fb0
#334fb0
rgb(51,79,176)
-
#3756bf
#3756bf
rgb(55,86,191)
-
#4260c8
#4260c8
rgb(66,96,200)
-
#516dcd
#516dcd
rgb(81,109,205)
-
#607ad1
#607ad1
rgb(96,122,209)
-
#7086d5
#7086d5
rgb(112,134,213)
-
#7f93da
#7f93da
rgb(127,147,218)
-
#8ea0de
#8ea0de
rgb(142,160,222)
-
#9dade3
#9dade3
rgb(157,173,227)
-
#acbae7
#acbae7
rgb(172,186,231)
-
#bcc6eb
#bcc6eb
rgb(188,198,235)
-
#cbd3f0
#cbd3f0
rgb(203,211,240)
-
#dae0f4
#dae0f4
rgb(218,224,244)
-
#e9edf9
#e9edf9
rgb(233,237,249)
-
#f8fafd
#f8fafd
rgb(248,250,253)
Tones of #334fb0
A tone is produced by adding gray to any pure hue. In this case, #707173 is the less saturated color, while #0737dc is the most saturated one.
-
#707173
#707173
rgb(112,113,115)
-
#676c7c
#676c7c
rgb(103,108,124)
-
#5f6784
#5f6784
rgb(95,103,132)
-
#56628d
#56628d
rgb(86,98,141)
-
#4d5d96
#4d5d96
rgb(77,93,150)
-
#44599f
#44599f
rgb(68,89,159)
-
#3c54a7
#3c54a7
rgb(60,84,167)
-
#334fb0
#334fb0
rgb(51,79,176)
-
#2a4ab9
#2a4ab9
rgb(42,74,185)
-
#2245c1
#2245c1
rgb(34,69,193)
-
#1941ca
#1941ca
rgb(25,65,202)
-
#103cd3
#103cd3
rgb(16,60,211)
-
#0737dc
#0737dc
rgb(7,55,220)
Color Blindness Simulator
Below, you can see how #334fb0 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.