#334f60 Color Information
In a RGB color space, hex #334f60 is composed of 20% red, 31% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 17.7% magenta, 0% yellow and 62.4% black. It has a hue angle of 202.7 degrees, a saturation of 30.6% and a lightness of 28.8%. #334f60 color hex could be obtained by blending #669ec0 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 31
- B 38
-
- C 47
- M 18
- Y 0
- K 62
● #334f60 color description : Very dark desaturated blue.
#334f60 Color Conversion
The hexadecimal color #334f60 has RGB values of R:51, G:79, B:96 and CMYK values of C:0.47, M:0.18, Y:0, K:0.62. Its decimal value is 3362656.
Hex triplet | 334f60 | #334f60 |
---|---|---|
RGB Decimal | 51, 79, 96 | rgb(51,79,96) |
RGB Percent | 20, 31, 37.6 | rgb(20%,31%,37.6%) |
CMYK | 47, 18, 0, 62 | |
HSL | 202.7°, 30.6, 28.8 | hsl(202.7,30.6%,28.8%) |
HSV (or HSB) | 202.7°, 46.9, 37.6 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 32.123, -5.378, -13.219 |
---|---|
XYZ | 6.272, 7.14, 12.113 |
xyY | 0.246, 0.28, 7.14 |
CIE-LCH | 32.123, 14.271, 247.86 |
CIE-LUV | 32.123, -12.638, -16.334 |
Hunter-Lab | 26.721, -4.863, -8.173 |
Binary | 00110011, 01001111, 01100000 |
Color Schemes with #334f60
Alternatives to #334f60
Below, you can see some colors close to #334f60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334f60 Preview
This text has a font color of #334f60.
<span style="color:#334f60;">Text here</span>
This paragraph has a background color of #334f60.
<p style="background-color:#334f60;">Content here</p>
This element has a border color of #334f60.
<div style="border:1px solid #334f60;">Content here</div>
.text {color:#334f60;}
.background {background-color:#334f60;}
.border {border:1px solid #334f60;}
Shades and Tints of #334f60
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, #030506 is the darkest color, while #f9fafc is the lightest one.
-
#030506
#030506
rgb(3,5,6)
-
#0a1013
#0a1013
rgb(10,16,19)
-
#111a20
#111a20
rgb(17,26,32)
-
#18252d
#18252d
rgb(24,37,45)
-
#1f2f3a
#1f2f3a
rgb(31,47,58)
-
#253a46
#253a46
rgb(37,58,70)
-
#2c4453
#2c4453
rgb(44,68,83)
-
#334f60
#334f60
rgb(51,79,96)
-
#3a5a6d
#3a5a6d
rgb(58,90,109)
-
#41647a
#41647a
rgb(65,100,122)
-
#476f86
#476f86
rgb(71,111,134)
-
#4e7993
#4e7993
rgb(78,121,147)
-
#5584a0
#5584a0
rgb(85,132,160)
-
#5f8eaa
#5f8eaa
rgb(95,142,170)
-
#6c97b1
#6c97b1
rgb(108,151,177)
-
#78a0b8
#78a0b8
rgb(120,160,184)
-
#85a9be
#85a9be
rgb(133,169,190)
-
#92b2c5
#92b2c5
rgb(146,178,197)
-
#9fbbcc
#9fbbcc
rgb(159,187,204)
-
#acc4d3
#acc4d3
rgb(172,196,211)
-
#b8cdda
#b8cdda
rgb(184,205,218)
-
#c5d6e0
#c5d6e0
rgb(197,214,224)
-
#d2dfe7
#d2dfe7
rgb(210,223,231)
-
#dfe8ee
#dfe8ee
rgb(223,232,238)
-
#ecf1f5
#ecf1f5
rgb(236,241,245)
-
#f9fafc
#f9fafc
rgb(249,250,252)
Tones of #334f60
A tone is produced by adding gray to any pure hue. In this case, #444b4f is the less saturated color, while #005b93 is the most saturated one.
-
#444b4f
#444b4f
rgb(68,75,79)
-
#3e4c55
#3e4c55
rgb(62,76,85)
-
#394e5a
#394e5a
rgb(57,78,90)
-
#334f60
#334f60
rgb(51,79,96)
-
#2d5066
#2d5066
rgb(45,80,102)
-
#28526b
#28526b
rgb(40,82,107)
-
#225371
#225371
rgb(34,83,113)
-
#1c5577
#1c5577
rgb(28,85,119)
-
#17567c
#17567c
rgb(23,86,124)
-
#115782
#115782
rgb(17,87,130)
-
#0b5988
#0b5988
rgb(11,89,136)
-
#065a8d
#065a8d
rgb(6,90,141)
-
#005b93
#005b93
rgb(0,91,147)
Color Blindness Simulator
Below, you can see how #334f60 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.