#334561 Color Information
In a RGB color space, hex #334561 is composed of 20% red, 27.1% green and 38% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 28.9% magenta, 0% yellow and 62% black. It has a hue angle of 216.5 degrees, a saturation of 31.1% and a lightness of 29%. #334561 color hex could be obtained by blending #668ac2 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 27
- B 38
-
- C 47
- M 29
- Y 0
- K 62
● #334561 color description : Very dark desaturated blue.
#334561 Color Conversion
The hexadecimal color #334561 has RGB values of R:51, G:69, B:97 and CMYK values of C:0.47, M:0.29, Y:0, K:0.62. Its decimal value is 3360097.
Hex triplet | 334561 | #334561 |
---|---|---|
RGB Decimal | 51, 69, 97 | rgb(51,69,97) |
RGB Percent | 20, 27.1, 38 | rgb(20%,27.1%,38%) |
CMYK | 47, 29, 0, 62 | |
HSL | 216.5°, 31.1, 29 | hsl(216.5,31.1%,29%) |
HSV (or HSB) | 216.5°, 47.4, 38 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 28.961, 1.346, -18.728 |
---|---|
XYZ | 5.651, 5.823, 12.135 |
xyY | 0.239, 0.247, 5.823 |
CIE-LCH | 28.961, 18.776, 274.11 |
CIE-LUV | 28.961, -8.723, -23.847 |
Hunter-Lab | 24.131, -0.43, -12.924 |
Binary | 00110011, 01000101, 01100001 |
Color Schemes with #334561
Alternatives to #334561
Below, you can see some colors close to #334561. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334561 Preview
This text has a font color of #334561.
<span style="color:#334561;">Text here</span>
This paragraph has a background color of #334561.
<p style="background-color:#334561;">Content here</p>
This element has a border color of #334561.
<div style="border:1px solid #334561;">Content here</div>
.text {color:#334561;}
.background {background-color:#334561;}
.border {border:1px solid #334561;}
Shades and Tints of #334561
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)
-
#1f2a3a
#1f2a3a
rgb(31,42,58)
-
#253347
#253347
rgb(37,51,71)
-
#2c3c54
#2c3c54
rgb(44,60,84)
-
#334561
#334561
rgb(51,69,97)
-
#3a4e6e
#3a4e6e
rgb(58,78,110)
-
#41577b
#41577b
rgb(65,87,123)
-
#476088
#476088
rgb(71,96,136)
-
#4e6a94
#4e6a94
rgb(78,106,148)
-
#5573a1
#5573a1
rgb(85,115,161)
-
#5f7dab
#5f7dab
rgb(95,125,171)
-
#6c87b2
#6c87b2
rgb(108,135,178)
-
#7992b8
#7992b8
rgb(121,146,184)
-
#859cbf
#859cbf
rgb(133,156,191)
-
#92a6c6
#92a6c6
rgb(146,166,198)
-
#9fb1cd
#9fb1cd
rgb(159,177,205)
-
#acbbd3
#acbbd3
rgb(172,187,211)
-
#b9c6da
#b9c6da
rgb(185,198,218)
-
#c6d0e1
#c6d0e1
rgb(198,208,225)
-
#d3dbe8
#d3dbe8
rgb(211,219,232)
-
#dfe5ee
#dfe5ee
rgb(223,229,238)
-
#ecf0f5
#ecf0f5
rgb(236,240,245)
-
#f9fafc
#f9fafc
rgb(249,250,252)
Tones of #334561
A tone is produced by adding gray to any pure hue. In this case, #4a4a4a is the less saturated color, while #053b8f is the most saturated one.
-
#4a4a4a
#4a4a4a
rgb(74,74,74)
-
#444950
#444950
rgb(68,73,80)
-
#3e4756
#3e4756
rgb(62,71,86)
-
#39465b
#39465b
rgb(57,70,91)
-
#334561
#334561
rgb(51,69,97)
-
#2d4467
#2d4467
rgb(45,68,103)
-
#28436c
#28436c
rgb(40,67,108)
-
#224172
#224172
rgb(34,65,114)
-
#1c4078
#1c4078
rgb(28,64,120)
-
#173f7d
#173f7d
rgb(23,63,125)
-
#113e83
#113e83
rgb(17,62,131)
-
#0b3c89
#0b3c89
rgb(11,60,137)
-
#053b8f
#053b8f
rgb(5,59,143)
Color Blindness Simulator
Below, you can see how #334561 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.