#334677 Color Information
In a RGB color space, hex #334677 is composed of 20% red, 27.5% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 41.2% magenta, 0% yellow and 53.3% black. It has a hue angle of 223.2 degrees, a saturation of 40% and a lightness of 33.3%. #334677 color hex could be obtained by blending #668cee with #000000. Closest websafe color is: #333366.
-
- R 20
- G 27
- B 47
-
- C 57
- M 41
- Y 0
- K 53
● #334677 color description : Dark moderate blue.
#334677 Color Conversion
The hexadecimal color #334677 has RGB values of R:51, G:70, B:119 and CMYK values of C:0.57, M:0.41, Y:0, K:0.53. Its decimal value is 3360375.
Hex triplet | 334677 | #334677 |
---|---|---|
RGB Decimal | 51, 70, 119 | rgb(51,70,119) |
RGB Percent | 20, 27.5, 46.7 | rgb(20%,27.5%,46.7%) |
CMYK | 57, 41, 0, 53 | |
HSL | 223.2°, 40, 33.3 | hsl(223.2,40%,33.3%) |
HSV (or HSB) | 223.2°, 57.1, 46.7 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.438, 8.26, -30.362 |
---|---|
XYZ | 6.884, 6.416, 18.327 |
xyY | 0.218, 0.203, 6.416 |
CIE-LCH | 30.438, 31.466, 285.22 |
CIE-LUV | 30.438, -9.363, -40.804 |
Hunter-Lab | 25.329, 4.19, -25.17 |
Binary | 00110011, 01000110, 01110111 |
Color Schemes with #334677
Alternatives to #334677
Below, you can see some colors close to #334677. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334677 Preview
This text has a font color of #334677.
<span style="color:#334677;">Text here</span>
This paragraph has a background color of #334677.
<p style="background-color:#334677;">Content here</p>
This element has a border color of #334677.
<div style="border:1px solid #334677;">Content here</div>
.text {color:#334677;}
.background {background-color:#334677;}
.border {border:1px solid #334677;}
Shades and Tints of #334677
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, #040509 is the darkest color, while #fafbfd is the lightest one.
-
#040509
#040509
rgb(4,5,9)
-
#0a0d17
#0a0d17
rgb(10,13,23)
-
#101625
#101625
rgb(16,22,37)
-
#161e32
#161e32
rgb(22,30,50)
-
#1b2640
#1b2640
rgb(27,38,64)
-
#212e4e
#212e4e
rgb(33,46,78)
-
#27365c
#27365c
rgb(39,54,92)
-
#2d3e69
#2d3e69
rgb(45,62,105)
-
#334677
#334677
rgb(51,70,119)
-
#394e85
#394e85
rgb(57,78,133)
-
#3f5692
#3f5692
rgb(63,86,146)
-
#455ea0
#455ea0
rgb(69,94,160)
-
#4b66ae
#4b66ae
rgb(75,102,174)
-
#5671b6
#5671b6
rgb(86,113,182)
-
#637cbc
#637cbc
rgb(99,124,188)
-
#7188c2
#7188c2
rgb(113,136,194)
-
#7f93c8
#7f93c8
rgb(127,147,200)
-
#8d9fce
#8d9fce
rgb(141,159,206)
-
#9aaad4
#9aaad4
rgb(154,170,212)
-
#a8b6da
#a8b6da
rgb(168,182,218)
-
#b6c1e0
#b6c1e0
rgb(182,193,224)
-
#c4cde6
#c4cde6
rgb(196,205,230)
-
#d1d9eb
#d1d9eb
rgb(209,217,235)
-
#dfe4f1
#dfe4f1
rgb(223,228,241)
-
#edf0f7
#edf0f7
rgb(237,240,247)
-
#fafbfd
#fafbfd
rgb(250,251,253)
Tones of #334677
A tone is produced by adding gray to any pure hue. In this case, #545456 is the less saturated color, while #0532a5 is the most saturated one.
-
#545456
#545456
rgb(84,84,86)
-
#4d525d
#4d525d
rgb(77,82,93)
-
#474f63
#474f63
rgb(71,79,99)
-
#404c6a
#404c6a
rgb(64,76,106)
-
#3a4970
#3a4970
rgb(58,73,112)
-
#334677
#334677
rgb(51,70,119)
-
#2c437e
#2c437e
rgb(44,67,126)
-
#264084
#264084
rgb(38,64,132)
-
#1f3d8b
#1f3d8b
rgb(31,61,139)
-
#193a91
#193a91
rgb(25,58,145)
-
#123898
#123898
rgb(18,56,152)
-
#0c359e
#0c359e
rgb(12,53,158)
-
#0532a5
#0532a5
rgb(5,50,165)
Color Blindness Simulator
Below, you can see how #334677 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.