#334f83 Color Information
In a RGB color space, hex #334f83 is composed of 20% red, 31% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 39.7% magenta, 0% yellow and 48.6% black. It has a hue angle of 219 degrees, a saturation of 44% and a lightness of 35.7%. #334f83 color hex could be obtained by blending #669eff with #000007. Closest websafe color is: #336699.
-
- R 20
- G 31
- B 51
-
- C 61
- M 40
- Y 0
- K 49
● #334f83 color description : Dark moderate blue.
#334f83 Color Conversion
The hexadecimal color #334f83 has RGB values of R:51, G:79, B:131 and CMYK values of C:0.61, M:0.4, Y:0, K:0.49. Its decimal value is 3362691.
Hex triplet | 334f83 | #334f83 |
---|---|---|
RGB Decimal | 51, 79, 131 | rgb(51,79,131) |
RGB Percent | 20, 31, 51.4 | rgb(20%,31%,51.4%) |
CMYK | 61, 40, 0, 49 | |
HSL | 219°, 44, 35.7 | hsl(219,44%,35.7%) |
HSV (or HSB) | 219°, 61.1, 51.4 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 33.845, 6.596, -32.421 |
---|---|
XYZ | 8.257, 7.934, 22.568 |
xyY | 0.213, 0.205, 7.934 |
CIE-LCH | 33.845, 33.085, 281.499 |
CIE-LUV | 33.845, -12.513, -44.921 |
Hunter-Lab | 28.167, 3.033, -27.786 |
Binary | 00110011, 01001111, 10000011 |
Color Schemes with #334f83
Alternatives to #334f83
Below, you can see some colors close to #334f83. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334f83 Preview
This text has a font color of #334f83.
<span style="color:#334f83;">Text here</span>
This paragraph has a background color of #334f83.
<p style="background-color:#334f83;">Content here</p>
This element has a border color of #334f83.
<div style="border:1px solid #334f83;">Content here</div>
.text {color:#334f83;}
.background {background-color:#334f83;}
.border {border:1px solid #334f83;}
Shades and Tints of #334f83
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, #020204 is the darkest color, while #f5f7fb is the lightest one.
-
#020204
#020204
rgb(2,2,4)
-
#070b12
#070b12
rgb(7,11,18)
-
#0d1320
#0d1320
rgb(13,19,32)
-
#121c2e
#121c2e
rgb(18,28,46)
-
#18243c
#18243c
rgb(24,36,60)
-
#1d2d4b
#1d2d4b
rgb(29,45,75)
-
#233559
#233559
rgb(35,53,89)
-
#283e67
#283e67
rgb(40,62,103)
-
#2e4675
#2e4675
rgb(46,70,117)
-
#334f83
#334f83
rgb(51,79,131)
-
#385891
#385891
rgb(56,88,145)
-
#3e609f
#3e609f
rgb(62,96,159)
-
#4369ad
#4369ad
rgb(67,105,173)
-
#4b72b9
#4b72b9
rgb(75,114,185)
-
#5a7dbf
#5a7dbf
rgb(90,125,191)
-
#6888c4
#6888c4
rgb(104,136,196)
-
#7693ca
#7693ca
rgb(118,147,202)
-
#849ecf
#849ecf
rgb(132,158,207)
-
#92a9d5
#92a9d5
rgb(146,169,213)
-
#a0b4da
#a0b4da
rgb(160,180,218)
-
#aebfe0
#aebfe0
rgb(174,191,224)
-
#bccbe5
#bccbe5
rgb(188,203,229)
-
#cad6eb
#cad6eb
rgb(202,214,235)
-
#d9e1f0
#d9e1f0
rgb(217,225,240)
-
#e7ecf6
#e7ecf6
rgb(231,236,246)
-
#f5f7fb
#f5f7fb
rgb(245,247,251)
Tones of #334f83
A tone is produced by adding gray to any pure hue. In this case, #565a60 is the less saturated color, while #0240b4 is the most saturated one.
-
#565a60
#565a60
rgb(86,90,96)
-
#4f5767
#4f5767
rgb(79,87,103)
-
#48556e
#48556e
rgb(72,85,110)
-
#415375
#415375
rgb(65,83,117)
-
#3a517c
#3a517c
rgb(58,81,124)
-
#334f83
#334f83
rgb(51,79,131)
-
#2c4d8a
#2c4d8a
rgb(44,77,138)
-
#254b91
#254b91
rgb(37,75,145)
-
#1e4998
#1e4998
rgb(30,73,152)
-
#17479f
#17479f
rgb(23,71,159)
-
#1045a6
#1045a6
rgb(16,69,166)
-
#0942ad
#0942ad
rgb(9,66,173)
-
#0240b4
#0240b4
rgb(2,64,180)
Color Blindness Simulator
Below, you can see how #334f83 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.