#337474 Color Information
In a RGB color space, hex #337474 is composed of 20% red, 45.5% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 0% magenta, 0% yellow and 54.5% black. It has a hue angle of 180 degrees, a saturation of 38.9% and a lightness of 32.7%. #337474 color hex could be obtained by blending #66e8e8 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 45
- B 45
-
- C 56
- M 0
- Y 0
- K 55
● #337474 color description : Dark moderate cyan.
#337474 Color Conversion
The hexadecimal color #337474 has RGB values of R:51, G:116, B:116 and CMYK values of C:0.56, M:0, Y:0, K:0.55. Its decimal value is 3372148.
Hex triplet | 337474 | #337474 |
---|---|---|
RGB Decimal | 51, 116, 116 | rgb(51,116,116) |
RGB Percent | 20, 45.5, 45.5 | rgb(20%,45.5%,45.5%) |
CMYK | 56, 0, 0, 55 | |
HSL | 180°, 38.9, 32.7 | hsl(180,38.9%,32.7%) |
HSV (or HSB) | 180°, 56, 45.5 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 44.878, -20.513, -6.297 |
---|---|
XYZ | 10.762, 14.455, 18.745 |
xyY | 0.245, 0.329, 14.455 |
CIE-LCH | 44.878, 21.458, 197.066 |
CIE-LUV | 44.878, -26.933, -5.817 |
Hunter-Lab | 38.019, -16.006, -2.619 |
Binary | 00110011, 01110100, 01110100 |
Color Schemes with #337474
Alternatives to #337474
Below, you can see some colors close to #337474. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#337474 Preview
This text has a font color of #337474.
<span style="color:#337474;">Text here</span>
This paragraph has a background color of #337474.
<p style="background-color:#337474;">Content here</p>
This element has a border color of #337474.
<div style="border:1px solid #337474;">Content here</div>
.text {color:#337474;}
.background {background-color:#337474;}
.border {border:1px solid #337474;}
Shades and Tints of #337474
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, #030707 is the darkest color, while #f8fcfc is the lightest one.
-
#030707
#030707
rgb(3,7,7)
-
#091515
#091515
rgb(9,21,21)
-
#0f2222
#0f2222
rgb(15,34,34)
-
#153030
#153030
rgb(21,48,48)
-
#1b3d3d
#1b3d3d
rgb(27,61,61)
-
#214b4b
#214b4b
rgb(33,75,75)
-
#275959
#275959
rgb(39,89,89)
-
#2d6666
#2d6666
rgb(45,102,102)
-
#337474
#337474
rgb(51,116,116)
-
#398282
#398282
rgb(57,130,130)
-
#3f8f8f
#3f8f8f
rgb(63,143,143)
-
#459d9d
#459d9d
rgb(69,157,157)
-
#4babab
#4babab
rgb(75,171,171)
-
#55b4b4
#55b4b4
rgb(85,180,180)
-
#62baba
#62baba
rgb(98,186,186)
-
#70c0c0
#70c0c0
rgb(112,192,192)
-
#7ec6c6
#7ec6c6
rgb(126,198,198)
-
#8bcccc
#8bcccc
rgb(139,204,204)
-
#99d2d2
#99d2d2
rgb(153,210,210)
-
#a7d8d8
#a7d8d8
rgb(167,216,216)
-
#b4dede
#b4dede
rgb(180,222,222)
-
#c2e4e4
#c2e4e4
rgb(194,228,228)
-
#cfeaea
#cfeaea
rgb(207,234,234)
-
#ddf0f0
#ddf0f0
rgb(221,240,240)
-
#ebf6f6
#ebf6f6
rgb(235,246,246)
-
#f8fcfc
#f8fcfc
rgb(248,252,252)
Tones of #337474
A tone is produced by adding gray to any pure hue. In this case, #535454 is the less saturated color, while #06a1a1 is the most saturated one.
-
#535454
#535454
rgb(83,84,84)
-
#4d5a5a
#4d5a5a
rgb(77,90,90)
-
#466161
#466161
rgb(70,97,97)
-
#406767
#406767
rgb(64,103,103)
-
#396e6e
#396e6e
rgb(57,110,110)
-
#337474
#337474
rgb(51,116,116)
-
#2d7a7a
#2d7a7a
rgb(45,122,122)
-
#268181
#268181
rgb(38,129,129)
-
#208787
#208787
rgb(32,135,135)
-
#198e8e
#198e8e
rgb(25,142,142)
-
#139494
#139494
rgb(19,148,148)
-
#0c9b9b
#0c9b9b
rgb(12,155,155)
-
#06a1a1
#06a1a1
rgb(6,161,161)
Color Blindness Simulator
Below, you can see how #337474 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.