#334483 Color Information
In a RGB color space, hex #334483 is composed of 20% red, 26.7% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 48.1% magenta, 0% yellow and 48.6% black. It has a hue angle of 227.3 degrees, a saturation of 44% and a lightness of 35.7%. #334483 color hex could be obtained by blending #6688ff with #000007. Closest websafe color is: #333399.
-
- R 20
- G 27
- B 51
-
- C 61
- M 48
- Y 0
- K 49
● #334483 color description : Dark moderate blue.
#334483 Color Conversion
The hexadecimal color #334483 has RGB values of R:51, G:68, B:131 and CMYK values of C:0.61, M:0.48, Y:0, K:0.49. Its decimal value is 3359875.
Hex triplet | 334483 | #334483 |
---|---|---|
RGB Decimal | 51, 68, 131 | rgb(51,68,131) |
RGB Percent | 20, 26.7, 51.4 | rgb(20%,26.7%,51.4%) |
CMYK | 61, 48, 0, 49 | |
HSL | 227.3°, 44, 35.7 | hsl(227.3,44%,35.7%) |
HSV (or HSB) | 227.3°, 61.1, 51.4 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 30.584, 13.936, -37.617 |
---|---|
XYZ | 7.528, 6.476, 22.325 |
xyY | 0.207, 0.178, 6.476 |
CIE-LCH | 30.584, 40.115, 290.327 |
CIE-LUV | 30.584, -8.908, -51.195 |
Hunter-Lab | 25.449, 8.269, -34.198 |
Binary | 00110011, 01000100, 10000011 |
Color Schemes with #334483
Alternatives to #334483
Below, you can see some colors close to #334483. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334483 Preview
This text has a font color of #334483.
<span style="color:#334483;">Text here</span>
This paragraph has a background color of #334483.
<p style="background-color:#334483;">Content here</p>
This element has a border color of #334483.
<div style="border:1px solid #334483;">Content here</div>
.text {color:#334483;}
.background {background-color:#334483;}
.border {border:1px solid #334483;}
Shades and Tints of #334483
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 #f5f6fb is the lightest one.
-
#020204
#020204
rgb(2,2,4)
-
#070912
#070912
rgb(7,9,18)
-
#0d1120
#0d1120
rgb(13,17,32)
-
#12182e
#12182e
rgb(18,24,46)
-
#181f3c
#181f3c
rgb(24,31,60)
-
#1d274b
#1d274b
rgb(29,39,75)
-
#232e59
#232e59
rgb(35,46,89)
-
#283567
#283567
rgb(40,53,103)
-
#2e3d75
#2e3d75
rgb(46,61,117)
-
#334483
#334483
rgb(51,68,131)
-
#384b91
#384b91
rgb(56,75,145)
-
#3e539f
#3e539f
rgb(62,83,159)
-
#435aad
#435aad
rgb(67,90,173)
-
#4b63b9
#4b63b9
rgb(75,99,185)
-
#5a6fbf
#5a6fbf
rgb(90,111,191)
-
#687bc4
#687bc4
rgb(104,123,196)
-
#7688ca
#7688ca
rgb(118,136,202)
-
#8494cf
#8494cf
rgb(132,148,207)
-
#92a0d5
#92a0d5
rgb(146,160,213)
-
#a0acda
#a0acda
rgb(160,172,218)
-
#aeb9e0
#aeb9e0
rgb(174,185,224)
-
#bcc5e5
#bcc5e5
rgb(188,197,229)
-
#cad1eb
#cad1eb
rgb(202,209,235)
-
#d9def0
#d9def0
rgb(217,222,240)
-
#e7eaf6
#e7eaf6
rgb(231,234,246)
-
#f5f6fb
#f5f6fb
rgb(245,246,251)
Tones of #334483
A tone is produced by adding gray to any pure hue. In this case, #565860 is the less saturated color, while #0228b4 is the most saturated one.
-
#565860
#565860
rgb(86,88,96)
-
#4f5467
#4f5467
rgb(79,84,103)
-
#48506e
#48506e
rgb(72,80,110)
-
#414c75
#414c75
rgb(65,76,117)
-
#3a487c
#3a487c
rgb(58,72,124)
-
#334483
#334483
rgb(51,68,131)
-
#2c408a
#2c408a
rgb(44,64,138)
-
#253c91
#253c91
rgb(37,60,145)
-
#1e3898
#1e3898
rgb(30,56,152)
-
#17349f
#17349f
rgb(23,52,159)
-
#1030a6
#1030a6
rgb(16,48,166)
-
#092cad
#092cad
rgb(9,44,173)
-
#0228b4
#0228b4
rgb(2,40,180)
Color Blindness Simulator
Below, you can see how #334483 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.