#334b60 Color Information
In a RGB color space, hex #334b60 is composed of 20% red, 29.4% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 21.9% magenta, 0% yellow and 62.4% black. It has a hue angle of 208 degrees, a saturation of 30.6% and a lightness of 28.8%. #334b60 color hex could be obtained by blending #6696c0 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 29
- B 38
-
- C 47
- M 22
- Y 0
- K 62
● #334b60 color description : Very dark desaturated blue.
#334b60 Color Conversion
The hexadecimal color #334b60 has RGB values of R:51, G:75, B:96 and CMYK values of C:0.47, M:0.22, Y:0, K:0.62. Its decimal value is 3361632.
Hex triplet | 334b60 | #334b60 |
---|---|---|
RGB Decimal | 51, 75, 96 | rgb(51,75,96) |
RGB Percent | 20, 29.4, 37.6 | rgb(20%,29.4%,37.6%) |
CMYK | 47, 22, 0, 62 | |
HSL | 208°, 30.6, 28.8 | hsl(208,30.6%,28.8%) |
HSV (or HSB) | 208°, 46.9, 37.6 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.831, -2.861, -15.199 |
---|---|
XYZ | 5.992, 6.58, 12.02 |
xyY | 0.244, 0.268, 6.58 |
CIE-LCH | 30.831, 15.466, 259.341 |
CIE-LUV | 30.831, -11.044, -19.076 |
Hunter-Lab | 25.652, -3.194, -9.826 |
Binary | 00110011, 01001011, 01100000 |
Color Schemes with #334b60
Alternatives to #334b60
Below, you can see some colors close to #334b60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334b60 Preview
This text has a font color of #334b60.
<span style="color:#334b60;">Text here</span>
This paragraph has a background color of #334b60.
<p style="background-color:#334b60;">Content here</p>
This element has a border color of #334b60.
<div style="border:1px solid #334b60;">Content here</div>
.text {color:#334b60;}
.background {background-color:#334b60;}
.border {border:1px solid #334b60;}
Shades and Tints of #334b60
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)
-
#0a0f13
#0a0f13
rgb(10,15,19)
-
#111920
#111920
rgb(17,25,32)
-
#18232d
#18232d
rgb(24,35,45)
-
#1f2d3a
#1f2d3a
rgb(31,45,58)
-
#253746
#253746
rgb(37,55,70)
-
#2c4153
#2c4153
rgb(44,65,83)
-
#334b60
#334b60
rgb(51,75,96)
-
#3a556d
#3a556d
rgb(58,85,109)
-
#415f7a
#415f7a
rgb(65,95,122)
-
#476986
#476986
rgb(71,105,134)
-
#4e7393
#4e7393
rgb(78,115,147)
-
#557da0
#557da0
rgb(85,125,160)
-
#5f87aa
#5f87aa
rgb(95,135,170)
-
#6c90b1
#6c90b1
rgb(108,144,177)
-
#789ab8
#789ab8
rgb(120,154,184)
-
#85a4be
#85a4be
rgb(133,164,190)
-
#92adc5
#92adc5
rgb(146,173,197)
-
#9fb7cc
#9fb7cc
rgb(159,183,204)
-
#acc0d3
#acc0d3
rgb(172,192,211)
-
#b8cada
#b8cada
rgb(184,202,218)
-
#c5d4e0
#c5d4e0
rgb(197,212,224)
-
#d2dde7
#d2dde7
rgb(210,221,231)
-
#dfe7ee
#dfe7ee
rgb(223,231,238)
-
#ecf1f5
#ecf1f5
rgb(236,241,245)
-
#f9fafc
#f9fafc
rgb(249,250,252)
Tones of #334b60
A tone is produced by adding gray to any pure hue. In this case, #444a4f is the less saturated color, while #004e93 is the most saturated one.
-
#444a4f
#444a4f
rgb(68,74,79)
-
#3e4a55
#3e4a55
rgb(62,74,85)
-
#394b5a
#394b5a
rgb(57,75,90)
-
#334b60
#334b60
rgb(51,75,96)
-
#2d4b66
#2d4b66
rgb(45,75,102)
-
#284c6b
#284c6b
rgb(40,76,107)
-
#224c71
#224c71
rgb(34,76,113)
-
#1c4d77
#1c4d77
rgb(28,77,119)
-
#174d7c
#174d7c
rgb(23,77,124)
-
#114d82
#114d82
rgb(17,77,130)
-
#0b4e88
#0b4e88
rgb(11,78,136)
-
#064e8d
#064e8d
rgb(6,78,141)
-
#004e93
#004e93
rgb(0,78,147)
Color Blindness Simulator
Below, you can see how #334b60 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.