#337f8a Color Information
In a RGB color space, hex #337f8a is composed of 20% red, 49.8% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 8% magenta, 0% yellow and 45.9% black. It has a hue angle of 187.6 degrees, a saturation of 46% and a lightness of 37.1%. #337f8a color hex could be obtained by blending #66feff with #000015. Closest websafe color is: #336699.
-
- R 20
- G 50
- B 54
-
- C 63
- M 8
- Y 0
- K 46
● #337f8a color description : Dark moderate cyan.
#337f8a Color Conversion
The hexadecimal color #337f8a has RGB values of R:51, G:127, B:138 and CMYK values of C:0.63, M:0.08, Y:0, K:0.46. Its decimal value is 3374986.
Hex triplet | 337f8a | #337f8a |
---|---|---|
RGB Decimal | 51, 127, 138 | rgb(51,127,138) |
RGB Percent | 20, 49.8, 54.1 | rgb(20%,49.8%,54.1%) |
CMYK | 63, 8, 0, 46 | |
HSL | 187.6°, 46, 37.1 | hsl(187.6,46%,37.1%) |
HSV (or HSB) | 187.6°, 63, 54.1 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 49.15, -19.682, -12.932 |
---|---|
XYZ | 13.541, 17.716, 26.749 |
xyY | 0.233, 0.305, 17.716 |
CIE-LCH | 49.15, 23.55, 213.308 |
CIE-LUV | 49.15, -30.154, -15.88 |
Hunter-Lab | 42.091, -16.235, -8.216 |
Binary | 00110011, 01111111, 10001010 |
Color Schemes with #337f8a
Alternatives to #337f8a
Below, you can see some colors close to #337f8a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#337f8a Preview
This text has a font color of #337f8a.
<span style="color:#337f8a;">Text here</span>
This paragraph has a background color of #337f8a.
<p style="background-color:#337f8a;">Content here</p>
This element has a border color of #337f8a.
<div style="border:1px solid #337f8a;">Content here</div>
.text {color:#337f8a;}
.background {background-color:#337f8a;}
.border {border:1px solid #337f8a;}
Shades and Tints of #337f8a
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, #030809 is the darkest color, while #fafdfd is the lightest one.
-
#030809
#030809
rgb(3,8,9)
-
#091617
#091617
rgb(9,22,23)
-
#0e2326
#0e2326
rgb(14,35,38)
-
#133034
#133034
rgb(19,48,52)
-
#193d42
#193d42
rgb(25,61,66)
-
#1e4a51
#1e4a51
rgb(30,74,81)
-
#23575f
#23575f
rgb(35,87,95)
-
#28656d
#28656d
rgb(40,101,109)
-
#2e727c
#2e727c
rgb(46,114,124)
-
#337f8a
#337f8a
rgb(51,127,138)
-
#388c98
#388c98
rgb(56,140,152)
-
#3e99a7
#3e99a7
rgb(62,153,167)
-
#43a7b5
#43a7b5
rgb(67,167,181)
-
#4eafbe
#4eafbe
rgb(78,175,190)
-
#5cb6c3
#5cb6c3
rgb(92,182,195)
-
#6bbcc8
#6bbcc8
rgb(107,188,200)
-
#79c3cd
#79c3cd
rgb(121,195,205)
-
#87c9d3
#87c9d3
rgb(135,201,211)
-
#96d0d8
#96d0d8
rgb(150,208,216)
-
#a4d6dd
#a4d6dd
rgb(164,214,221)
-
#b2dce3
#b2dce3
rgb(178,220,227)
-
#c0e3e8
#c0e3e8
rgb(192,227,232)
-
#cfe9ed
#cfe9ed
rgb(207,233,237)
-
#ddf0f2
#ddf0f2
rgb(221,240,242)
-
#ebf6f8
#ebf6f8
rgb(235,246,248)
-
#fafdfd
#fafdfd
rgb(250,253,253)
Tones of #337f8a
A tone is produced by adding gray to any pure hue. In this case, #576466 is the less saturated color, while #00a5bd is the most saturated one.
-
#576466
#576466
rgb(87,100,102)
-
#50696d
#50696d
rgb(80,105,109)
-
#496f74
#496f74
rgb(73,111,116)
-
#42747b
#42747b
rgb(66,116,123)
-
#3a7a83
#3a7a83
rgb(58,122,131)
-
#337f8a
#337f8a
rgb(51,127,138)
-
#2c8491
#2c8491
rgb(44,132,145)
-
#248a99
#248a99
rgb(36,138,153)
-
#1d8fa0
#1d8fa0
rgb(29,143,160)
-
#1695a7
#1695a7
rgb(22,149,167)
-
#0f9aae
#0f9aae
rgb(15,154,174)
-
#07a0b6
#07a0b6
rgb(7,160,182)
-
#00a5bd
#00a5bd
rgb(0,165,189)
Color Blindness Simulator
Below, you can see how #337f8a 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.