#337b6a Color Information
In a RGB color space, hex #337b6a is composed of 20% red, 48.2% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 0% magenta, 13.8% yellow and 51.8% black. It has a hue angle of 165.8 degrees, a saturation of 41.4% and a lightness of 34.1%. #337b6a color hex could be obtained by blending #66f6d4 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 48
- B 42
-
- C 59
- M 0
- Y 14
- K 52
● #337b6a color description : Dark moderate cyan.
#337b6a Color Conversion
The hexadecimal color #337b6a has RGB values of R:51, G:123, B:106 and CMYK values of C:0.59, M:0, Y:0.14, K:0.52. Its decimal value is 3373930.
Hex triplet | 337b6a | #337b6a |
---|---|---|
RGB Decimal | 51, 123, 106 | rgb(51,123,106) |
RGB Percent | 20, 48.2, 41.6 | rgb(20%,48.2%,41.6%) |
CMYK | 59, 0, 14, 52 | |
HSL | 165.8°, 41.4, 34.1 | hsl(165.8,41.4%,34.1%) |
HSV (or HSB) | 165.8°, 58.5, 48.2 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 46.856, -26.906, 2.561 |
---|---|
XYZ | 11.049, 15.909, 16.123 |
xyY | 0.256, 0.369, 15.909 |
CIE-LCH | 46.856, 27.028, 174.563 |
CIE-LUV | 46.856, -30.19, 7.341 |
Hunter-Lab | 39.887, -20.356, 3.954 |
Binary | 00110011, 01111011, 01101010 |
Color Schemes with #337b6a
Alternatives to #337b6a
Below, you can see some colors close to #337b6a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#337b6a Preview
This text has a font color of #337b6a.
<span style="color:#337b6a;">Text here</span>
This paragraph has a background color of #337b6a.
<p style="background-color:#337b6a;">Content here</p>
This element has a border color of #337b6a.
<div style="border:1px solid #337b6a;">Content here</div>
.text {color:#337b6a;}
.background {background-color:#337b6a;}
.border {border:1px solid #337b6a;}
Shades and Tints of #337b6a
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, #050c0a is the darkest color, while #fdfefe is the lightest one.
-
#050c0a
#050c0a
rgb(5,12,10)
-
#0b1a16
#0b1a16
rgb(11,26,22)
-
#112822
#112822
rgb(17,40,34)
-
#16362e
#16362e
rgb(22,54,46)
-
#1c443a
#1c443a
rgb(28,68,58)
-
#225146
#225146
rgb(34,81,70)
-
#285f52
#285f52
rgb(40,95,82)
-
#2d6d5e
#2d6d5e
rgb(45,109,94)
-
#337b6a
#337b6a
rgb(51,123,106)
-
#398976
#398976
rgb(57,137,118)
-
#3e9782
#3e9782
rgb(62,151,130)
-
#44a58e
#44a58e
rgb(68,165,142)
-
#4ab29a
#4ab29a
rgb(74,178,154)
-
#57b9a2
#57b9a2
rgb(87,185,162)
-
#65bfaa
#65bfaa
rgb(101,191,170)
-
#73c5b1
#73c5b1
rgb(115,197,177)
-
#80cbb9
#80cbb9
rgb(128,203,185)
-
#8ed0c1
#8ed0c1
rgb(142,208,193)
-
#9cd6c8
#9cd6c8
rgb(156,214,200)
-
#aadcd0
#aadcd0
rgb(170,220,208)
-
#b8e2d8
#b8e2d8
rgb(184,226,216)
-
#c6e7df
#c6e7df
rgb(198,231,223)
-
#d4ede7
#d4ede7
rgb(212,237,231)
-
#e1f3ef
#e1f3ef
rgb(225,243,239)
-
#eff9f6
#eff9f6
rgb(239,249,246)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #337b6a
A tone is produced by adding gray to any pure hue. In this case, #545a58 is the less saturated color, while #04aa83 is the most saturated one.
-
#545a58
#545a58
rgb(84,90,88)
-
#4e605c
#4e605c
rgb(78,96,92)
-
#47675f
#47675f
rgb(71,103,95)
-
#406e63
#406e63
rgb(64,110,99)
-
#3a7466
#3a7466
rgb(58,116,102)
-
#337b6a
#337b6a
rgb(51,123,106)
-
#2c826e
#2c826e
rgb(44,130,110)
-
#268871
#268871
rgb(38,136,113)
-
#1f8f75
#1f8f75
rgb(31,143,117)
-
#189678
#189678
rgb(24,150,120)
-
#129c7c
#129c7c
rgb(18,156,124)
-
#0ba37f
#0ba37f
rgb(11,163,127)
-
#04aa83
#04aa83
rgb(4,170,131)
Color Blindness Simulator
Below, you can see how #337b6a 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.