#338377 Color Information
In a RGB color space, hex #338377 is composed of 20% red, 51.4% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 0% magenta, 9.2% yellow and 48.6% black. It has a hue angle of 171 degrees, a saturation of 44% and a lightness of 35.7%. #338377 color hex could be obtained by blending #66ffee with #000700. Closest websafe color is: #339966.
-
- R 20
- G 51
- B 47
-
- C 61
- M 0
- Y 9
- K 49
● #338377 color description : Dark moderate cyan.
#338377 Color Conversion
The hexadecimal color #338377 has RGB values of R:51, G:131, B:119 and CMYK values of C:0.61, M:0, Y:0.09, K:0.49. Its decimal value is 3375991.
Hex triplet | 338377 | #338377 |
---|---|---|
RGB Decimal | 51, 131, 119 | rgb(51,131,119) |
RGB Percent | 20, 51.4, 46.7 | rgb(20%,51.4%,46.7%) |
CMYK | 61, 0, 9, 49 | |
HSL | 171°, 44, 35.7 | hsl(171,44%,35.7%) |
HSV (or HSB) | 171°, 61.1, 51.4 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 49.819, -27.346, -0.779 |
---|---|
XYZ | 12.81, 18.267, 20.303 |
xyY | 0.249, 0.356, 18.267 |
CIE-LCH | 49.819, 27.357, 181.633 |
CIE-LUV | 49.819, -32.693, 2.891 |
Hunter-Lab | 42.74, -21.295, 1.754 |
Binary | 00110011, 10000011, 01110111 |
Color Schemes with #338377
Alternatives to #338377
Below, you can see some colors close to #338377. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338377 Preview
This text has a font color of #338377.
<span style="color:#338377;">Text here</span>
This paragraph has a background color of #338377.
<p style="background-color:#338377;">Content here</p>
This element has a border color of #338377.
<div style="border:1px solid #338377;">Content here</div>
.text {color:#338377;}
.background {background-color:#338377;}
.border {border:1px solid #338377;}
Shades and Tints of #338377
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, #020404 is the darkest color, while #f5fbfa is the lightest one.
-
#020404
#020404
rgb(2,4,4)
-
#071210
#071210
rgb(7,18,16)
-
#0d201d
#0d201d
rgb(13,32,29)
-
#122e2a
#122e2a
rgb(18,46,42)
-
#183c37
#183c37
rgb(24,60,55)
-
#1d4b44
#1d4b44
rgb(29,75,68)
-
#235951
#235951
rgb(35,89,81)
-
#28675d
#28675d
rgb(40,103,93)
-
#2e756a
#2e756a
rgb(46,117,106)
-
#338377
#338377
rgb(51,131,119)
-
#389184
#389184
rgb(56,145,132)
-
#3e9f91
#3e9f91
rgb(62,159,145)
-
#43ad9d
#43ad9d
rgb(67,173,157)
-
#4bb9a9
#4bb9a9
rgb(75,185,169)
-
#5abfaf
#5abfaf
rgb(90,191,175)
-
#68c4b6
#68c4b6
rgb(104,196,182)
-
#76cabd
#76cabd
rgb(118,202,189)
-
#84cfc4
#84cfc4
rgb(132,207,196)
-
#92d5cb
#92d5cb
rgb(146,213,203)
-
#a0dad1
#a0dad1
rgb(160,218,209)
-
#aee0d8
#aee0d8
rgb(174,224,216)
-
#bce5df
#bce5df
rgb(188,229,223)
-
#caebe6
#caebe6
rgb(202,235,230)
-
#d9f0ed
#d9f0ed
rgb(217,240,237)
-
#e7f6f3
#e7f6f3
rgb(231,246,243)
-
#f5fbfa
#f5fbfa
rgb(245,251,250)
Tones of #338377
A tone is produced by adding gray to any pure hue. In this case, #56605f is the less saturated color, while #02b499 is the most saturated one.
-
#56605f
#56605f
rgb(86,96,95)
-
#4f6763
#4f6763
rgb(79,103,99)
-
#486e68
#486e68
rgb(72,110,104)
-
#41756d
#41756d
rgb(65,117,109)
-
#3a7c72
#3a7c72
rgb(58,124,114)
-
#338377
#338377
rgb(51,131,119)
-
#2c8a7c
#2c8a7c
rgb(44,138,124)
-
#259181
#259181
rgb(37,145,129)
-
#1e9886
#1e9886
rgb(30,152,134)
-
#179f8b
#179f8b
rgb(23,159,139)
-
#10a690
#10a690
rgb(16,166,144)
-
#09ad94
#09ad94
rgb(9,173,148)
-
#02b499
#02b499
rgb(2,180,153)
Color Blindness Simulator
Below, you can see how #338377 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.