#334a61 Color Information
In a RGB color space, hex #334a61 is composed of 20% red, 29% green and 38% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 23.7% magenta, 0% yellow and 62% black. It has a hue angle of 210 degrees, a saturation of 31.1% and a lightness of 29%. #334a61 color hex could be obtained by blending #6694c2 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 29
- B 38
-
- C 47
- M 24
- Y 0
- K 62
● #334a61 color description : Very dark desaturated blue.
#334a61 Color Conversion
The hexadecimal color #334a61 has RGB values of R:51, G:74, B:97 and CMYK values of C:0.47, M:0.24, Y:0, K:0.62. Its decimal value is 3361377.
Hex triplet | 334a61 | #334a61 |
---|---|---|
RGB Decimal | 51, 74, 97 | rgb(51,74,97) |
RGB Percent | 20, 29, 38 | rgb(20%,29%,38%) |
CMYK | 47, 24, 0, 62 | |
HSL | 210°, 31.1, 29 | hsl(210,31.1%,29%) |
HSV (or HSB) | 210°, 47.4, 38 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.555, -1.899, -16.262 |
---|---|
XYZ | 5.971, 6.464, 12.242 |
xyY | 0.242, 0.262, 6.464 |
CIE-LCH | 30.555, 16.373, 263.339 |
CIE-LUV | 30.555, -10.652, -20.562 |
Hunter-Lab | 25.425, -2.571, -10.75 |
Binary | 00110011, 01001010, 01100001 |
Color Schemes with #334a61
Alternatives to #334a61
Below, you can see some colors close to #334a61. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334a61 Preview
This text has a font color of #334a61.
<span style="color:#334a61;">Text here</span>
This paragraph has a background color of #334a61.
<p style="background-color:#334a61;">Content here</p>
This element has a border color of #334a61.
<div style="border:1px solid #334a61;">Content here</div>
.text {color:#334a61;}
.background {background-color:#334a61;}
.border {border:1px solid #334a61;}
Shades and Tints of #334a61
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, #040507 is the darkest color, while #f9fbfc is the lightest one.
-
#040507
#040507
rgb(4,5,7)
-
#0a0f14
#0a0f14
rgb(10,15,20)
-
#111921
#111921
rgb(17,25,33)
-
#18232e
#18232e
rgb(24,35,46)
-
#1f2d3a
#1f2d3a
rgb(31,45,58)
-
#253647
#253647
rgb(37,54,71)
-
#2c4054
#2c4054
rgb(44,64,84)
-
#334a61
#334a61
rgb(51,74,97)
-
#3a546e
#3a546e
rgb(58,84,110)
-
#415e7b
#415e7b
rgb(65,94,123)
-
#476788
#476788
rgb(71,103,136)
-
#4e7194
#4e7194
rgb(78,113,148)
-
#557ba1
#557ba1
rgb(85,123,161)
-
#5f85ab
#5f85ab
rgb(95,133,171)
-
#6c8fb2
#6c8fb2
rgb(108,143,178)
-
#7998b8
#7998b8
rgb(121,152,184)
-
#85a2bf
#85a2bf
rgb(133,162,191)
-
#92acc6
#92acc6
rgb(146,172,198)
-
#9fb6cd
#9fb6cd
rgb(159,182,205)
-
#acc0d3
#acc0d3
rgb(172,192,211)
-
#b9cada
#b9cada
rgb(185,202,218)
-
#c6d3e1
#c6d3e1
rgb(198,211,225)
-
#d3dde8
#d3dde8
rgb(211,221,232)
-
#dfe7ee
#dfe7ee
rgb(223,231,238)
-
#ecf1f5
#ecf1f5
rgb(236,241,245)
-
#f9fbfc
#f9fbfc
rgb(249,251,252)
Tones of #334a61
A tone is produced by adding gray to any pure hue. In this case, #4a4a4a is the less saturated color, while #054a8f is the most saturated one.
-
#4a4a4a
#4a4a4a
rgb(74,74,74)
-
#444a50
#444a50
rgb(68,74,80)
-
#3e4a56
#3e4a56
rgb(62,74,86)
-
#394a5b
#394a5b
rgb(57,74,91)
-
#334a61
#334a61
rgb(51,74,97)
-
#2d4a67
#2d4a67
rgb(45,74,103)
-
#284a6c
#284a6c
rgb(40,74,108)
-
#224a72
#224a72
rgb(34,74,114)
-
#1c4a78
#1c4a78
rgb(28,74,120)
-
#174a7d
#174a7d
rgb(23,74,125)
-
#114a83
#114a83
rgb(17,74,131)
-
#0b4a89
#0b4a89
rgb(11,74,137)
-
#054a8f
#054a8f
rgb(5,74,143)
Color Blindness Simulator
Below, you can see how #334a61 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.