#334461 Color Information
In a RGB color space, hex #334461 is composed of 20% red, 26.7% green and 38% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 29.9% magenta, 0% yellow and 62% black. It has a hue angle of 217.8 degrees, a saturation of 31.1% and a lightness of 29%. #334461 color hex could be obtained by blending #6688c2 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 27
- B 38
-
- C 47
- M 30
- Y 0
- K 62
● #334461 color description : Very dark desaturated blue.
#334461 Color Conversion
The hexadecimal color #334461 has RGB values of R:51, G:68, B:97 and CMYK values of C:0.47, M:0.3, Y:0, K:0.62. Its decimal value is 3359841.
Hex triplet | 334461 | #334461 |
---|---|---|
RGB Decimal | 51, 68, 97 | rgb(51,68,97) |
RGB Percent | 20, 26.7, 38 | rgb(20%,26.7%,38%) |
CMYK | 47, 30, 0, 62 | |
HSL | 217.8°, 31.1, 29 | hsl(217.8,31.1%,29%) |
HSV (or HSB) | 217.8°, 47.4, 38 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 28.645, 2.004, -19.219 |
---|---|
XYZ | 5.59, 5.701, 12.114 |
xyY | 0.239, 0.244, 5.701 |
CIE-LCH | 28.645, 19.323, 275.952 |
CIE-LUV | 28.645, -8.344, -24.485 |
Hunter-Lab | 23.877, 0.003, -13.369 |
Binary | 00110011, 01000100, 01100001 |
Color Schemes with #334461
Alternatives to #334461
Below, you can see some colors close to #334461. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334461 Preview
This text has a font color of #334461.
<span style="color:#334461;">Text here</span>
This paragraph has a background color of #334461.
<p style="background-color:#334461;">Content here</p>
This element has a border color of #334461.
<div style="border:1px solid #334461;">Content here</div>
.text {color:#334461;}
.background {background-color:#334461;}
.border {border:1px solid #334461;}
Shades and Tints of #334461
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 #f9fafc is the lightest one.
-
#040507
#040507
rgb(4,5,7)
-
#0a0e14
#0a0e14
rgb(10,14,20)
-
#111721
#111721
rgb(17,23,33)
-
#18202e
#18202e
rgb(24,32,46)
-
#1f293a
#1f293a
rgb(31,41,58)
-
#253247
#253247
rgb(37,50,71)
-
#2c3b54
#2c3b54
rgb(44,59,84)
-
#334461
#334461
rgb(51,68,97)
-
#3a4d6e
#3a4d6e
rgb(58,77,110)
-
#41567b
#41567b
rgb(65,86,123)
-
#475f88
#475f88
rgb(71,95,136)
-
#4e6894
#4e6894
rgb(78,104,148)
-
#5571a1
#5571a1
rgb(85,113,161)
-
#5f7bab
#5f7bab
rgb(95,123,171)
-
#6c86b2
#6c86b2
rgb(108,134,178)
-
#7990b8
#7990b8
rgb(121,144,184)
-
#859bbf
#859bbf
rgb(133,155,191)
-
#92a5c6
#92a5c6
rgb(146,165,198)
-
#9fb0cd
#9fb0cd
rgb(159,176,205)
-
#acbbd3
#acbbd3
rgb(172,187,211)
-
#b9c5da
#b9c5da
rgb(185,197,218)
-
#c6d0e1
#c6d0e1
rgb(198,208,225)
-
#d3dae8
#d3dae8
rgb(211,218,232)
-
#dfe5ee
#dfe5ee
rgb(223,229,238)
-
#ecf0f5
#ecf0f5
rgb(236,240,245)
-
#f9fafc
#f9fafc
rgb(249,250,252)
Tones of #334461
A tone is produced by adding gray to any pure hue. In this case, #4a4a4a is the less saturated color, while #05388f is the most saturated one.
-
#4a4a4a
#4a4a4a
rgb(74,74,74)
-
#444850
#444850
rgb(68,72,80)
-
#3e4756
#3e4756
rgb(62,71,86)
-
#39455b
#39455b
rgb(57,69,91)
-
#334461
#334461
rgb(51,68,97)
-
#2d4367
#2d4367
rgb(45,67,103)
-
#28416c
#28416c
rgb(40,65,108)
-
#224072
#224072
rgb(34,64,114)
-
#1c3e78
#1c3e78
rgb(28,62,120)
-
#173d7d
#173d7d
rgb(23,61,125)
-
#113b83
#113b83
rgb(17,59,131)
-
#0b3a89
#0b3a89
rgb(11,58,137)
-
#05388f
#05388f
rgb(5,56,143)
Color Blindness Simulator
Below, you can see how #334461 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.