#334b61 Color Information
In a RGB color space, hex #334b61 is composed of 20% red, 29.4% green and 38% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 22.7% magenta, 0% yellow and 62% black. It has a hue angle of 208.7 degrees, a saturation of 31.1% and a lightness of 29%. #334b61 color hex could be obtained by blending #6696c2 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 29
- B 38
-
- C 47
- M 23
- Y 0
- K 62
● #334b61 color description : Very dark desaturated blue.
#334b61 Color Conversion
The hexadecimal color #334b61 has RGB values of R:51, G:75, B:97 and CMYK values of C:0.47, M:0.23, Y:0, K:0.62. Its decimal value is 3361633.
Hex triplet | 334b61 | #334b61 |
---|---|---|
RGB Decimal | 51, 75, 97 | rgb(51,75,97) |
RGB Percent | 20, 29.4, 38 | rgb(20%,29.4%,38%) |
CMYK | 47, 23, 0, 62 | |
HSL | 208.7°, 31.1, 29 | hsl(208.7,31.1%,29%) |
HSV (or HSB) | 208.7°, 47.4, 38 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.875, -2.538, -15.768 |
---|---|
XYZ | 6.038, 6.599, 12.264 |
xyY | 0.242, 0.265, 6.599 |
CIE-LCH | 30.875, 15.971, 260.855 |
CIE-LUV | 30.875, -11.044, -19.889 |
Hunter-Lab | 25.688, -2.994, -10.325 |
Binary | 00110011, 01001011, 01100001 |
Color Schemes with #334b61
Alternatives to #334b61
Below, you can see some colors close to #334b61. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334b61 Preview
This text has a font color of #334b61.
<span style="color:#334b61;">Text here</span>
This paragraph has a background color of #334b61.
<p style="background-color:#334b61;">Content here</p>
This element has a border color of #334b61.
<div style="border:1px solid #334b61;">Content here</div>
.text {color:#334b61;}
.background {background-color:#334b61;}
.border {border:1px solid #334b61;}
Shades and Tints of #334b61
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)
-
#253747
#253747
rgb(37,55,71)
-
#2c4154
#2c4154
rgb(44,65,84)
-
#334b61
#334b61
rgb(51,75,97)
-
#3a556e
#3a556e
rgb(58,85,110)
-
#415f7b
#415f7b
rgb(65,95,123)
-
#476988
#476988
rgb(71,105,136)
-
#4e7394
#4e7394
rgb(78,115,148)
-
#557da1
#557da1
rgb(85,125,161)
-
#5f86ab
#5f86ab
rgb(95,134,171)
-
#6c90b2
#6c90b2
rgb(108,144,178)
-
#799ab8
#799ab8
rgb(121,154,184)
-
#85a4bf
#85a4bf
rgb(133,164,191)
-
#92adc6
#92adc6
rgb(146,173,198)
-
#9fb7cd
#9fb7cd
rgb(159,183,205)
-
#acc1d3
#acc1d3
rgb(172,193,211)
-
#b9cada
#b9cada
rgb(185,202,218)
-
#c6d4e1
#c6d4e1
rgb(198,212,225)
-
#d3dee8
#d3dee8
rgb(211,222,232)
-
#dfe7ee
#dfe7ee
rgb(223,231,238)
-
#ecf1f5
#ecf1f5
rgb(236,241,245)
-
#f9fbfc
#f9fbfc
rgb(249,251,252)
Tones of #334b61
A tone is produced by adding gray to any pure hue. In this case, #4a4a4a is the less saturated color, while #054d8f is the most saturated one.
-
#4a4a4a
#4a4a4a
rgb(74,74,74)
-
#444a50
#444a50
rgb(68,74,80)
-
#3e4b56
#3e4b56
rgb(62,75,86)
-
#394b5b
#394b5b
rgb(57,75,91)
-
#334b61
#334b61
rgb(51,75,97)
-
#2d4b67
#2d4b67
rgb(45,75,103)
-
#284b6c
#284b6c
rgb(40,75,108)
-
#224c72
#224c72
rgb(34,76,114)
-
#1c4c78
#1c4c78
rgb(28,76,120)
-
#174c7d
#174c7d
rgb(23,76,125)
-
#114c83
#114c83
rgb(17,76,131)
-
#0b4d89
#0b4d89
rgb(11,77,137)
-
#054d8f
#054d8f
rgb(5,77,143)
Color Blindness Simulator
Below, you can see how #334b61 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.