#334f93 Color Information
In a RGB color space, hex #334f93 is composed of 20% red, 31% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 46.3% magenta, 0% yellow and 42.4% black. It has a hue angle of 222.5 degrees, a saturation of 48.5% and a lightness of 38.8%. #334f93 color hex could be obtained by blending #669eff with #000027. Closest websafe color is: #336699.
-
- R 20
- G 31
- B 58
-
- C 65
- M 46
- Y 0
- K 42
● #334f93 color description : Dark moderate blue.
#334f93 Color Conversion
The hexadecimal color #334f93 has RGB values of R:51, G:79, B:147 and CMYK values of C:0.65, M:0.46, Y:0, K:0.42. Its decimal value is 3362707.
Hex triplet | 334f93 | #334f93 |
---|---|---|
RGB Decimal | 51, 79, 147 | rgb(51,79,147) |
RGB Percent | 20, 31, 57.6 | rgb(20%,31%,57.6%) |
CMYK | 65, 46, 0, 42 | |
HSL | 222.5°, 48.5, 38.8 | hsl(222.5,48.5%,38.8%) |
HSV (or HSB) | 222.5°, 65.3, 57.6 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 34.806, 12.45, -40.678 |
---|---|
XYZ | 9.427, 8.402, 28.727 |
xyY | 0.202, 0.18, 8.402 |
CIE-LCH | 34.806, 42.541, 287.017 |
CIE-LUV | 34.806, -12.539, -57.538 |
Hunter-Lab | 28.986, 7.325, -38.471 |
Binary | 00110011, 01001111, 10010011 |
Color Schemes with #334f93
Alternatives to #334f93
Below, you can see some colors close to #334f93. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334f93 Preview
This text has a font color of #334f93.
<span style="color:#334f93;">Text here</span>
This paragraph has a background color of #334f93.
<p style="background-color:#334f93;">Content here</p>
This element has a border color of #334f93.
<div style="border:1px solid #334f93;">Content here</div>
.text {color:#334f93;}
.background {background-color:#334f93;}
.border {border:1px solid #334f93;}
Shades and Tints of #334f93
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, #000101 is the darkest color, while #f2f4fa is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#060910
#060910
rgb(6,9,16)
-
#0b101e
#0b101e
rgb(11,16,30)
-
#10182d
#10182d
rgb(16,24,45)
-
#15203c
#15203c
rgb(21,32,60)
-
#1a284a
#1a284a
rgb(26,40,74)
-
#1f3059
#1f3059
rgb(31,48,89)
-
#243867
#243867
rgb(36,56,103)
-
#293f76
#293f76
rgb(41,63,118)
-
#2e4784
#2e4784
rgb(46,71,132)
-
#334f93
#334f93
rgb(51,79,147)
-
#3857a2
#3857a2
rgb(56,87,162)
-
#3d5fb0
#3d5fb0
rgb(61,95,176)
-
#4367be
#4367be
rgb(67,103,190)
-
#5273c3
#5273c3
rgb(82,115,195)
-
#607ec8
#607ec8
rgb(96,126,200)
-
#6f8acd
#6f8acd
rgb(111,138,205)
-
#7d96d2
#7d96d2
rgb(125,150,210)
-
#8ca2d7
#8ca2d7
rgb(140,162,215)
-
#9aaedc
#9aaedc
rgb(154,174,220)
-
#a9b9e1
#a9b9e1
rgb(169,185,225)
-
#b8c5e6
#b8c5e6
rgb(184,197,230)
-
#c6d1eb
#c6d1eb
rgb(198,209,235)
-
#d5ddf0
#d5ddf0
rgb(213,221,240)
-
#e3e9f5
#e3e9f5
rgb(227,233,245)
-
#f2f4fa
#f2f4fa
rgb(242,244,250)
Tones of #334f93
A tone is produced by adding gray to any pure hue. In this case, #616265 is the less saturated color, while #053cc1 is the most saturated one.
-
#616265
#616265
rgb(97,98,101)
-
#595f6d
#595f6d
rgb(89,95,109)
-
#515c75
#515c75
rgb(81,92,117)
-
#4a597c
#4a597c
rgb(74,89,124)
-
#425584
#425584
rgb(66,85,132)
-
#3b528b
#3b528b
rgb(59,82,139)
-
#334f93
#334f93
rgb(51,79,147)
-
#2b4c9b
#2b4c9b
rgb(43,76,155)
-
#2449a2
#2449a2
rgb(36,73,162)
-
#1c45aa
#1c45aa
rgb(28,69,170)
-
#1542b1
#1542b1
rgb(21,66,177)
-
#0d3fb9
#0d3fb9
rgb(13,63,185)
-
#053cc1
#053cc1
rgb(5,60,193)
Color Blindness Simulator
Below, you can see how #334f93 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.