#338c99 Color Information
In a RGB color space, hex #338c99 is composed of 20% red, 54.9% green and 60% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 8.5% magenta, 0% yellow and 40% black. It has a hue angle of 187.6 degrees, a saturation of 50% and a lightness of 40%. #338c99 color hex could be obtained by blending #66ffff with #001933. Closest websafe color is: #339999.
-
- R 20
- G 55
- B 60
-
- C 67
- M 8
- Y 0
- K 40
● #338c99 color description : Dark moderate cyan.
#338c99 Color Conversion
The hexadecimal color #338c99 has RGB values of R:51, G:140, B:153 and CMYK values of C:0.67, M:0.08, Y:0, K:0.4. Its decimal value is 3378329.
Hex triplet | 338c99 | #338c99 |
---|---|---|
RGB Decimal | 51, 140, 153 | rgb(51,140,153) |
RGB Percent | 20, 54.9, 60 | rgb(20%,54.9%,60%) |
CMYK | 67, 8, 0, 40 | |
HSL | 187.6°, 50, 40 | hsl(187.6,50%,40%) |
HSV (or HSB) | 187.6°, 66.7, 60 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.77, -21.857, -14.679 |
---|---|
XYZ | 16.491, 21.759, 33.466 |
xyY | 0.23, 0.303, 21.759 |
CIE-LCH | 53.77, 26.329, 213.886 |
CIE-LUV | 53.77, -34.267, -18.563 |
Hunter-Lab | 46.646, -18.523, -9.885 |
Binary | 00110011, 10001100, 10011001 |
Color Schemes with #338c99
Alternatives to #338c99
Below, you can see some colors close to #338c99. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338c99 Preview
This text has a font color of #338c99.
<span style="color:#338c99;">Text here</span>
This paragraph has a background color of #338c99.
<p style="background-color:#338c99;">Content here</p>
This element has a border color of #338c99.
<div style="border:1px solid #338c99;">Content here</div>
.text {color:#338c99;}
.background {background-color:#338c99;}
.border {border:1px solid #338c99;}
Shades and Tints of #338c99
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, #020506 is the darkest color, while #f6fbfc is the lightest one.
-
#020506
#020506
rgb(2,5,6)
-
#071315
#071315
rgb(7,19,21)
-
#0c2023
#0c2023
rgb(12,32,35)
-
#112e32
#112e32
rgb(17,46,50)
-
#163b41
#163b41
rgb(22,59,65)
-
#1a494f
#1a494f
rgb(26,73,79)
-
#1f565e
#1f565e
rgb(31,86,94)
-
#24646d
#24646d
rgb(36,100,109)
-
#29717c
#29717c
rgb(41,113,124)
-
#2e7f8a
#2e7f8a
rgb(46,127,138)
-
#338c99
#338c99
rgb(51,140,153)
-
#3899a8
#3899a8
rgb(56,153,168)
-
#3da7b6
#3da7b6
rgb(61,167,182)
-
#46b1c1
#46b1c1
rgb(70,177,193)
-
#54b8c6
#54b8c6
rgb(84,184,198)
-
#63becb
#63becb
rgb(99,190,203)
-
#72c4d0
#72c4d0
rgb(114,196,208)
-
#80cad5
#80cad5
rgb(128,202,213)
-
#8fd0da
#8fd0da
rgb(143,208,218)
-
#9ed6df
#9ed6df
rgb(158,214,223)
-
#addde4
#addde4
rgb(173,221,228)
-
#bbe3e8
#bbe3e8
rgb(187,227,232)
-
#cae9ed
#cae9ed
rgb(202,233,237)
-
#d9eff2
#d9eff2
rgb(217,239,242)
-
#e7f5f7
#e7f5f7
rgb(231,245,247)
-
#f6fbfc
#f6fbfc
rgb(246,251,252)
Tones of #338c99
A tone is produced by adding gray to any pure hue. In this case, #62696a is the less saturated color, while #04afc8 is the most saturated one.
-
#62696a
#62696a
rgb(98,105,106)
-
#5a6f72
#5a6f72
rgb(90,111,114)
-
#52757a
#52757a
rgb(82,117,122)
-
#4b7a81
#4b7a81
rgb(75,122,129)
-
#438089
#438089
rgb(67,128,137)
-
#3b8691
#3b8691
rgb(59,134,145)
-
#338c99
#338c99
rgb(51,140,153)
-
#2b92a1
#2b92a1
rgb(43,146,161)
-
#2398a9
#2398a9
rgb(35,152,169)
-
#1b9eb1
#1b9eb1
rgb(27,158,177)
-
#14a3b8
#14a3b8
rgb(20,163,184)
-
#0ca9c0
#0ca9c0
rgb(12,169,192)
-
#04afc8
#04afc8
rgb(4,175,200)
Color Blindness Simulator
Below, you can see how #338c99 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.