#334e77 Color Information
In a RGB color space, hex #334e77 is composed of 20% red, 30.6% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 34.5% magenta, 0% yellow and 53.3% black. It has a hue angle of 216.2 degrees, a saturation of 40% and a lightness of 33.3%. #334e77 color hex could be obtained by blending #669cee with #000000. Closest websafe color is: #336666.
-
- R 20
- G 31
- B 47
-
- C 57
- M 34
- Y 0
- K 53
● #334e77 color description : Dark moderate blue.
#334e77 Color Conversion
The hexadecimal color #334e77 has RGB values of R:51, G:78, B:119 and CMYK values of C:0.57, M:0.34, Y:0, K:0.53. Its decimal value is 3362423.
Hex triplet | 334e77 | #334e77 |
---|---|---|
RGB Decimal | 51, 78, 119 | rgb(51,78,119) |
RGB Percent | 20, 30.6, 46.7 | rgb(20%,30.6%,46.7%) |
CMYK | 57, 34, 0, 53 | |
HSL | 216.2°, 40, 33.3 | hsl(216.2,40%,33.3%) |
HSV (or HSB) | 216.2°, 57.1, 46.7 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 32.884, 2.972, -26.5 |
---|---|
XYZ | 7.419, 7.484, 18.505 |
xyY | 0.222, 0.224, 7.484 |
CIE-LCH | 32.884, 26.666, 276.399 |
CIE-LUV | 32.884, -12.167, -35.855 |
Hunter-Lab | 27.357, 0.531, -20.956 |
Binary | 00110011, 01001110, 01110111 |
Color Schemes with #334e77
Alternatives to #334e77
Below, you can see some colors close to #334e77. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334e77 Preview
This text has a font color of #334e77.
<span style="color:#334e77;">Text here</span>
This paragraph has a background color of #334e77.
<p style="background-color:#334e77;">Content here</p>
This element has a border color of #334e77.
<div style="border:1px solid #334e77;">Content here</div>
.text {color:#334e77;}
.background {background-color:#334e77;}
.border {border:1px solid #334e77;}
Shades and Tints of #334e77
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, #040609 is the darkest color, while #fafbfd is the lightest one.
-
#040609
#040609
rgb(4,6,9)
-
#0a0f17
#0a0f17
rgb(10,15,23)
-
#101825
#101825
rgb(16,24,37)
-
#162132
#162132
rgb(22,33,50)
-
#1b2a40
#1b2a40
rgb(27,42,64)
-
#21334e
#21334e
rgb(33,51,78)
-
#273c5c
#273c5c
rgb(39,60,92)
-
#2d4569
#2d4569
rgb(45,69,105)
-
#334e77
#334e77
rgb(51,78,119)
-
#395785
#395785
rgb(57,87,133)
-
#3f6092
#3f6092
rgb(63,96,146)
-
#4569a0
#4569a0
rgb(69,105,160)
-
#4b72ae
#4b72ae
rgb(75,114,174)
-
#567cb6
#567cb6
rgb(86,124,182)
-
#6387bc
#6387bc
rgb(99,135,188)
-
#7191c2
#7191c2
rgb(113,145,194)
-
#7f9cc8
#7f9cc8
rgb(127,156,200)
-
#8da7ce
#8da7ce
rgb(141,167,206)
-
#9ab1d4
#9ab1d4
rgb(154,177,212)
-
#a8bcda
#a8bcda
rgb(168,188,218)
-
#b6c6e0
#b6c6e0
rgb(182,198,224)
-
#c4d1e6
#c4d1e6
rgb(196,209,230)
-
#d1dceb
#d1dceb
rgb(209,220,235)
-
#dfe6f1
#dfe6f1
rgb(223,230,241)
-
#edf1f7
#edf1f7
rgb(237,241,247)
-
#fafbfd
#fafbfd
rgb(250,251,253)
Tones of #334e77
A tone is produced by adding gray to any pure hue. In this case, #545556 is the less saturated color, while #0545a5 is the most saturated one.
-
#545556
#545556
rgb(84,85,86)
-
#4d535d
#4d535d
rgb(77,83,93)
-
#475263
#475263
rgb(71,82,99)
-
#40516a
#40516a
rgb(64,81,106)
-
#3a4f70
#3a4f70
rgb(58,79,112)
-
#334e77
#334e77
rgb(51,78,119)
-
#2c4d7e
#2c4d7e
rgb(44,77,126)
-
#264b84
#264b84
rgb(38,75,132)
-
#1f4a8b
#1f4a8b
rgb(31,74,139)
-
#194991
#194991
rgb(25,73,145)
-
#124798
#124798
rgb(18,71,152)
-
#0c469e
#0c469e
rgb(12,70,158)
-
#0545a5
#0545a5
rgb(5,69,165)
Color Blindness Simulator
Below, you can see how #334e77 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.