#337d6f Color Information
In a RGB color space, hex #337d6f is composed of 20% red, 49% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 0% magenta, 11.2% yellow and 51% black. It has a hue angle of 168.6 degrees, a saturation of 42% and a lightness of 34.5%. #337d6f color hex could be obtained by blending #66fade with #000000. Closest websafe color is: #336666.
-
- R 20
- G 49
- B 44
-
- C 59
- M 0
- Y 11
- K 51
● #337d6f color description : Dark moderate cyan.
#337d6f Color Conversion
The hexadecimal color #337d6f has RGB values of R:51, G:125, B:111 and CMYK values of C:0.59, M:0, Y:0.11, K:0.51. Its decimal value is 3374447.
Hex triplet | 337d6f | #337d6f |
---|---|---|
RGB Decimal | 51, 125, 111 | rgb(51,125,111) |
RGB Percent | 20, 49, 43.5 | rgb(20%,49%,43.5%) |
CMYK | 59, 0, 11, 51 | |
HSL | 168.6°, 42, 34.5 | hsl(168.6,42%,34.5%) |
HSV (or HSB) | 168.6°, 59.2, 49 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 47.647, -26.559, 0.754 |
---|---|
XYZ | 11.567, 16.518, 17.617 |
xyY | 0.253, 0.361, 16.518 |
CIE-LCH | 47.647, 26.57, 178.373 |
CIE-LUV | 47.647, -30.741, 4.867 |
Hunter-Lab | 40.642, -20.321, 2.75 |
Binary | 00110011, 01111101, 01101111 |
Color Schemes with #337d6f
Alternatives to #337d6f
Below, you can see some colors close to #337d6f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#337d6f Preview
This text has a font color of #337d6f.
<span style="color:#337d6f;">Text here</span>
This paragraph has a background color of #337d6f.
<p style="background-color:#337d6f;">Content here</p>
This element has a border color of #337d6f.
<div style="border:1px solid #337d6f;">Content here</div>
.text {color:#337d6f;}
.background {background-color:#337d6f;}
.border {border:1px solid #337d6f;}
Shades and Tints of #337d6f
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, #060e0c is the darkest color, while #ffffff is the lightest one.
-
#060e0c
#060e0c
rgb(6,14,12)
-
#0b1b18
#0b1b18
rgb(11,27,24)
-
#112925
#112925
rgb(17,41,37)
-
#173731
#173731
rgb(23,55,49)
-
#1c453e
#1c453e
rgb(28,69,62)
-
#22534a
#22534a
rgb(34,83,74)
-
#286156
#286156
rgb(40,97,86)
-
#2d6f63
#2d6f63
rgb(45,111,99)
-
#337d6f
#337d6f
rgb(51,125,111)
-
#398b7b
#398b7b
rgb(57,139,123)
-
#3e9988
#3e9988
rgb(62,153,136)
-
#44a794
#44a794
rgb(68,167,148)
-
#4ab5a0
#4ab5a0
rgb(74,181,160)
-
#57bba8
#57bba8
rgb(87,187,168)
-
#65c0af
#65c0af
rgb(101,192,175)
-
#73c6b6
#73c6b6
rgb(115,198,182)
-
#81ccbe
#81ccbe
rgb(129,204,190)
-
#8fd1c5
#8fd1c5
rgb(143,209,197)
-
#9dd7cc
#9dd7cc
rgb(157,215,204)
-
#abddd3
#abddd3
rgb(171,221,211)
-
#b9e2db
#b9e2db
rgb(185,226,219)
-
#c7e8e2
#c7e8e2
rgb(199,232,226)
-
#d5eee9
#d5eee9
rgb(213,238,233)
-
#e3f3f0
#e3f3f0
rgb(227,243,240)
-
#f1f9f8
#f1f9f8
rgb(241,249,248)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #337d6f
A tone is produced by adding gray to any pure hue. In this case, #555b5a is the less saturated color, while #04ac8c is the most saturated one.
-
#555b5a
#555b5a
rgb(85,91,90)
-
#4e625e
#4e625e
rgb(78,98,94)
-
#476962
#476962
rgb(71,105,98)
-
#416f67
#416f67
rgb(65,111,103)
-
#3a766b
#3a766b
rgb(58,118,107)
-
#337d6f
#337d6f
rgb(51,125,111)
-
#2c8473
#2c8473
rgb(44,132,115)
-
#258b77
#258b77
rgb(37,139,119)
-
#1f917c
#1f917c
rgb(31,145,124)
-
#189880
#189880
rgb(24,152,128)
-
#119f84
#119f84
rgb(17,159,132)
-
#0aa688
#0aa688
rgb(10,166,136)
-
#04ac8c
#04ac8c
rgb(4,172,140)
Color Blindness Simulator
Below, you can see how #337d6f 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.