#374d63 Color Information
In a RGB color space, hex #374d63 is composed of 21.6% red, 30.2% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 44.4% cyan, 22.2% magenta, 0% yellow and 61.2% black. It has a hue angle of 210 degrees, a saturation of 28.6% and a lightness of 30.2%. #374d63 color hex could be obtained by blending #6e9ac6 with #000000. Closest websafe color is: #336666.
-
- R 22
- G 30
- B 39
-
- C 44
- M 22
- Y 0
- K 61
● #374d63 color description : Very dark desaturated blue.
#374d63 Color Conversion
The hexadecimal color #374d63 has RGB values of R:55, G:77, B:99 and CMYK values of C:0.44, M:0.22, Y:0, K:0.61. Its decimal value is 3624291.
Hex triplet | 374d63 | #374d63 |
---|---|---|
RGB Decimal | 55, 77, 99 | rgb(55,77,99) |
RGB Percent | 21.6, 30.2, 38.8 | rgb(21.6%,30.2%,38.8%) |
CMYK | 44, 22, 0, 61 | |
HSL | 210°, 28.6, 30.2 | hsl(210,28.6%,30.2%) |
HSV (or HSB) | 210°, 44.4, 38.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 31.854, -1.995, -15.512 |
---|---|
XYZ | 6.481, 7.021, 12.817 |
xyY | 0.246, 0.267, 7.021 |
CIE-LCH | 31.854, 15.64, 262.67 |
CIE-LUV | 31.854, -10.472, -19.785 |
Hunter-Lab | 26.496, -2.707, -10.133 |
Binary | 00110111, 01001101, 01100011 |
Color Schemes with #374d63
Alternatives to #374d63
Below, you can see some colors close to #374d63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#374d63 Preview
This text has a font color of #374d63.
<span style="color:#374d63;">Text here</span>
This paragraph has a background color of #374d63.
<p style="background-color:#374d63;">Content here</p>
This element has a border color of #374d63.
<div style="border:1px solid #374d63;">Content here</div>
.text {color:#374d63;}
.background {background-color:#374d63;}
.border {border:1px solid #374d63;}
Shades and Tints of #374d63
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, #06080b is the darkest color, while #fdfefe is the lightest one.
-
#06080b
#06080b
rgb(6,8,11)
-
#0d1217
#0d1217
rgb(13,18,23)
-
#141c24
#141c24
rgb(20,28,36)
-
#1b2631
#1b2631
rgb(27,38,49)
-
#22303d
#22303d
rgb(34,48,61)
-
#29394a
#29394a
rgb(41,57,74)
-
#304356
#304356
rgb(48,67,86)
-
#374d63
#374d63
rgb(55,77,99)
-
#3e5770
#3e5770
rgb(62,87,112)
-
#45617c
#45617c
rgb(69,97,124)
-
#4c6a89
#4c6a89
rgb(76,106,137)
-
#537495
#537495
rgb(83,116,149)
-
#5a7ea2
#5a7ea2
rgb(90,126,162)
-
#6688aa
#6688aa
rgb(102,136,170)
-
#7292b1
#7292b1
rgb(114,146,177)
-
#7f9bb8
#7f9bb8
rgb(127,155,184)
-
#8ca5bf
#8ca5bf
rgb(140,165,191)
-
#98afc6
#98afc6
rgb(152,175,198)
-
#a5b9cd
#a5b9cd
rgb(165,185,205)
-
#b1c3d4
#b1c3d4
rgb(177,195,212)
-
#becddb
#becddb
rgb(190,205,219)
-
#cbd6e2
#cbd6e2
rgb(203,214,226)
-
#d7e0e9
#d7e0e9
rgb(215,224,233)
-
#e4eaf0
#e4eaf0
rgb(228,234,240)
-
#f1f4f7
#f1f4f7
rgb(241,244,247)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #374d63
A tone is produced by adding gray to any pure hue. In this case, #494d51 is the less saturated color, while #024d98 is the most saturated one.
-
#494d51
#494d51
rgb(73,77,81)
-
#434d57
#434d57
rgb(67,77,87)
-
#3d4d5d
#3d4d5d
rgb(61,77,93)
-
#374d63
#374d63
rgb(55,77,99)
-
#314d69
#314d69
rgb(49,77,105)
-
#2b4d6f
#2b4d6f
rgb(43,77,111)
-
#254d75
#254d75
rgb(37,77,117)
-
#1f4d7b
#1f4d7b
rgb(31,77,123)
-
#194d81
#194d81
rgb(25,77,129)
-
#134d87
#134d87
rgb(19,77,135)
-
#0e4d8c
#0e4d8c
rgb(14,77,140)
-
#084d92
#084d92
rgb(8,77,146)
-
#024d98
#024d98
rgb(2,77,152)
Color Blindness Simulator
Below, you can see how #374d63 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.