#334f6a Color Information
In a RGB color space, hex #334f6a is composed of 20% red, 31% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 25.5% magenta, 0% yellow and 58.4% black. It has a hue angle of 209.5 degrees, a saturation of 35% and a lightness of 30.8%. #334f6a color hex could be obtained by blending #669ed4 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 31
- B 42
-
- C 52
- M 25
- Y 0
- K 58
● #334f6a color description : Very dark desaturated blue.
#334f6a Color Conversion
The hexadecimal color #334f6a has RGB values of R:51, G:79, B:106 and CMYK values of C:0.52, M:0.25, Y:0, K:0.58. Its decimal value is 3362666.
Hex triplet | 334f6a | #334f6a |
---|---|---|
RGB Decimal | 51, 79, 106 | rgb(51,79,106) |
RGB Percent | 20, 31, 41.6 | rgb(20%,31%,41.6%) |
CMYK | 52, 25, 0, 58 | |
HSL | 209.5°, 35, 30.8 | hsl(209.5,35%,30.8%) |
HSV (or HSB) | 209.5°, 51.9, 41.6 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 32.56, -2.128, -18.864 |
---|---|
XYZ | 6.762, 7.336, 14.695 |
xyY | 0.235, 0.255, 7.336 |
CIE-LCH | 32.56, 18.983, 263.563 |
CIE-LUV | 32.56, -12.579, -24.532 |
Hunter-Lab | 27.085, -2.834, -13.207 |
Binary | 00110011, 01001111, 01101010 |
Color Schemes with #334f6a
Alternatives to #334f6a
Below, you can see some colors close to #334f6a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334f6a Preview
This text has a font color of #334f6a.
<span style="color:#334f6a;">Text here</span>
This paragraph has a background color of #334f6a.
<p style="background-color:#334f6a;">Content here</p>
This element has a border color of #334f6a.
<div style="border:1px solid #334f6a;">Content here</div>
.text {color:#334f6a;}
.background {background-color:#334f6a;}
.border {border:1px solid #334f6a;}
Shades and Tints of #334f6a
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, #000000 is the darkest color, while #f2f5f9 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#060a0d
#060a0d
rgb(6,10,13)
-
#0d141b
#0d141b
rgb(13,20,27)
-
#131e28
#131e28
rgb(19,30,40)
-
#1a2835
#1a2835
rgb(26,40,53)
-
#203142
#203142
rgb(32,49,66)
-
#263b50
#263b50
rgb(38,59,80)
-
#2d455d
#2d455d
rgb(45,69,93)
-
#334f6a
#334f6a
rgb(51,79,106)
-
#395977
#395977
rgb(57,89,119)
-
#406384
#406384
rgb(64,99,132)
-
#466d92
#466d92
rgb(70,109,146)
-
#4c769f
#4c769f
rgb(76,118,159)
-
#5380ac
#5380ac
rgb(83,128,172)
-
#608ab3
#608ab3
rgb(96,138,179)
-
#6d94b9
#6d94b9
rgb(109,148,185)
-
#7b9ebf
#7b9ebf
rgb(123,158,191)
-
#88a7c6
#88a7c6
rgb(136,167,198)
-
#95b1cc
#95b1cc
rgb(149,177,204)
-
#a2bbd2
#a2bbd2
rgb(162,187,210)
-
#b0c5d9
#b0c5d9
rgb(176,197,217)
-
#bdcedf
#bdcedf
rgb(189,206,223)
-
#cad8e6
#cad8e6
rgb(202,216,230)
-
#d7e2ec
#d7e2ec
rgb(215,226,236)
-
#e5ecf2
#e5ecf2
rgb(229,236,242)
-
#f2f5f9
#f2f5f9
rgb(242,245,249)
Tones of #334f6a
A tone is produced by adding gray to any pure hue. In this case, #4b4f52 is the less saturated color, while #03509a is the most saturated one.
-
#4b4f52
#4b4f52
rgb(75,79,82)
-
#454f58
#454f58
rgb(69,79,88)
-
#3f4f5e
#3f4f5e
rgb(63,79,94)
-
#394f64
#394f64
rgb(57,79,100)
-
#334f6a
#334f6a
rgb(51,79,106)
-
#2d4f70
#2d4f70
rgb(45,79,112)
-
#274f76
#274f76
rgb(39,79,118)
-
#214f7c
#214f7c
rgb(33,79,124)
-
#1b4f82
#1b4f82
rgb(27,79,130)
-
#155088
#155088
rgb(21,80,136)
-
#0f508e
#0f508e
rgb(15,80,142)
-
#095094
#095094
rgb(9,80,148)
-
#03509a
#03509a
rgb(3,80,154)
Color Blindness Simulator
Below, you can see how #334f6a 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.