#338a8b Color Information
In a RGB color space, hex #338a8b is composed of 20% red, 54.1% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 0.7% magenta, 0% yellow and 45.5% black. It has a hue angle of 180.7 degrees, a saturation of 46.3% and a lightness of 37.3%. #338a8b color hex could be obtained by blending #66ffff with #001517. Closest websafe color is: #339999.
-
- R 20
- G 54
- B 55
-
- C 63
- M 1
- Y 0
- K 45
● #338a8b color description : Dark moderate cyan.
#338a8b Color Conversion
The hexadecimal color #338a8b has RGB values of R:51, G:138, B:139 and CMYK values of C:0.63, M:0.01, Y:0, K:0.45. Its decimal value is 3377803.
Hex triplet | 338a8b | #338a8b |
---|---|---|
RGB Decimal | 51, 138, 139 | rgb(51,138,139) |
RGB Percent | 20, 54.1, 54.5 | rgb(20%,54.1%,54.5%) |
CMYK | 63, 1, 0, 45 | |
HSL | 180.7°, 46.3, 37.3 | hsl(180.7,46.3%,37.3%) |
HSV (or HSB) | 180.7°, 63.3, 54.5 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 52.668, -25.106, -8.231 |
---|---|
XYZ | 15.113, 20.744, 27.632 |
xyY | 0.238, 0.327, 20.744 |
CIE-LCH | 52.668, 26.421, 198.152 |
CIE-LUV | 52.668, -34.302, -8.256 |
Hunter-Lab | 45.545, -20.475, -4.09 |
Binary | 00110011, 10001010, 10001011 |
Color Schemes with #338a8b
Alternatives to #338a8b
Below, you can see some colors close to #338a8b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338a8b Preview
This text has a font color of #338a8b.
<span style="color:#338a8b;">Text here</span>
This paragraph has a background color of #338a8b.
<p style="background-color:#338a8b;">Content here</p>
This element has a border color of #338a8b.
<div style="border:1px solid #338a8b;">Content here</div>
.text {color:#338a8b;}
.background {background-color:#338a8b;}
.border {border:1px solid #338a8b;}
Shades and Tints of #338a8b
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, #040a0a is the darkest color, while #fafdfd is the lightest one.
-
#040a0a
#040a0a
rgb(4,10,10)
-
#091818
#091818
rgb(9,24,24)
-
#0e2627
#0e2627
rgb(14,38,39)
-
#133535
#133535
rgb(19,53,53)
-
#194343
#194343
rgb(25,67,67)
-
#1e5152
#1e5152
rgb(30,81,82)
-
#235f60
#235f60
rgb(35,95,96)
-
#286e6e
#286e6e
rgb(40,110,110)
-
#2e7c7d
#2e7c7d
rgb(46,124,125)
-
#338a8b
#338a8b
rgb(51,138,139)
-
#389899
#389899
rgb(56,152,153)
-
#3ea6a8
#3ea6a8
rgb(62,166,168)
-
#43b5b6
#43b5b6
rgb(67,181,182)
-
#4ebdbe
#4ebdbe
rgb(78,189,190)
-
#5dc2c3
#5dc2c3
rgb(93,194,195)
-
#6bc8c9
#6bc8c9
rgb(107,200,201)
-
#79cdce
#79cdce
rgb(121,205,206)
-
#88d2d3
#88d2d3
rgb(136,210,211)
-
#96d8d8
#96d8d8
rgb(150,216,216)
-
#a4ddde
#a4ddde
rgb(164,221,222)
-
#b3e2e3
#b3e2e3
rgb(179,226,227)
-
#c1e8e8
#c1e8e8
rgb(193,232,232)
-
#cfedee
#cfedee
rgb(207,237,238)
-
#def3f3
#def3f3
rgb(222,243,243)
-
#ecf8f8
#ecf8f8
rgb(236,248,248)
-
#fafdfd
#fafdfd
rgb(250,253,253)
Tones of #338a8b
A tone is produced by adding gray to any pure hue. In this case, #5f5f5f is the less saturated color, while #07b5b7 is the most saturated one.
-
#5f5f5f
#5f5f5f
rgb(95,95,95)
-
#586666
#586666
rgb(88,102,102)
-
#506d6e
#506d6e
rgb(80,109,110)
-
#497575
#497575
rgb(73,117,117)
-
#427c7c
#427c7c
rgb(66,124,124)
-
#3a8384
#3a8384
rgb(58,131,132)
-
#338a8b
#338a8b
rgb(51,138,139)
-
#2c9192
#2c9192
rgb(44,145,146)
-
#24989a
#24989a
rgb(36,152,154)
-
#1d9fa1
#1d9fa1
rgb(29,159,161)
-
#16a7a8
#16a7a8
rgb(22,167,168)
-
#0eaeb0
#0eaeb0
rgb(14,174,176)
-
#07b5b7
#07b5b7
rgb(7,181,183)
Color Blindness Simulator
Below, you can see how #338a8b 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.