#338e9a Color Information
In a RGB color space, hex #338e9a is composed of 20% red, 55.7% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 7.8% magenta, 0% yellow and 39.6% black. It has a hue angle of 187 degrees, a saturation of 50.2% and a lightness of 40.2%. #338e9a color hex could be obtained by blending #66ffff with #001d35. Closest websafe color is: #339999.
-
- R 20
- G 56
- B 60
-
- C 67
- M 8
- Y 0
- K 40
● #338e9a color description : Dark moderate cyan.
#338e9a Color Conversion
The hexadecimal color #338e9a has RGB values of R:51, G:142, B:154 and CMYK values of C:0.67, M:0.08, Y:0, K:0.4. Its decimal value is 3378842.
Hex triplet | 338e9a | #338e9a |
---|---|---|
RGB Decimal | 51, 142, 154 | rgb(51,142,154) |
RGB Percent | 20, 55.7, 60.4 | rgb(20%,55.7%,60.4%) |
CMYK | 67, 8, 0, 40 | |
HSL | 187°, 50.2, 40.2 | hsl(187,50.2%,40.2%) |
HSV (or HSB) | 187°, 66.9, 60.4 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.429, -22.586, -14.258 |
---|---|
XYZ | 16.869, 22.381, 34.001 |
xyY | 0.23, 0.306, 22.381 |
CIE-LCH | 54.429, 26.71, 212.263 |
CIE-LUV | 54.429, -34.959, -17.853 |
Hunter-Lab | 47.309, -19.142, -9.495 |
Binary | 00110011, 10001110, 10011010 |
Color Schemes with #338e9a
Alternatives to #338e9a
Below, you can see some colors close to #338e9a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338e9a Preview
This text has a font color of #338e9a.
<span style="color:#338e9a;">Text here</span>
This paragraph has a background color of #338e9a.
<p style="background-color:#338e9a;">Content here</p>
This element has a border color of #338e9a.
<div style="border:1px solid #338e9a;">Content here</div>
.text {color:#338e9a;}
.background {background-color:#338e9a;}
.border {border:1px solid #338e9a;}
Shades and Tints of #338e9a
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, #020607 is the darkest color, while #f7fcfc is the lightest one.
-
#020607
#020607
rgb(2,6,7)
-
#071415
#071415
rgb(7,20,21)
-
#0c2124
#0c2124
rgb(12,33,36)
-
#112f33
#112f33
rgb(17,47,51)
-
#163c42
#163c42
rgb(22,60,66)
-
#1b4a50
#1b4a50
rgb(27,74,80)
-
#1f585f
#1f585f
rgb(31,88,95)
-
#24656e
#24656e
rgb(36,101,110)
-
#29737d
#29737d
rgb(41,115,125)
-
#2e808b
#2e808b
rgb(46,128,139)
-
#338e9a
#338e9a
rgb(51,142,154)
-
#389ca9
#389ca9
rgb(56,156,169)
-
#3da9b7
#3da9b7
rgb(61,169,183)
-
#46b3c2
#46b3c2
rgb(70,179,194)
-
#55b9c7
#55b9c7
rgb(85,185,199)
-
#64bfcc
#64bfcc
rgb(100,191,204)
-
#72c5d0
#72c5d0
rgb(114,197,208)
-
#81cbd5
#81cbd5
rgb(129,203,213)
-
#90d1da
#90d1da
rgb(144,209,218)
-
#9ed8df
#9ed8df
rgb(158,216,223)
-
#addee4
#addee4
rgb(173,222,228)
-
#bce4e9
#bce4e9
rgb(188,228,233)
-
#cbeaee
#cbeaee
rgb(203,234,238)
-
#d9f0f3
#d9f0f3
rgb(217,240,243)
-
#e8f6f7
#e8f6f7
rgb(232,246,247)
-
#f7fcfc
#f7fcfc
rgb(247,252,252)
Tones of #338e9a
A tone is produced by adding gray to any pure hue. In this case, #626a6b is the less saturated color, while #04b2c9 is the most saturated one.
-
#626a6b
#626a6b
rgb(98,106,107)
-
#5a7073
#5a7073
rgb(90,112,115)
-
#53767a
#53767a
rgb(83,118,122)
-
#4b7c82
#4b7c82
rgb(75,124,130)
-
#43828a
#43828a
rgb(67,130,138)
-
#3b8892
#3b8892
rgb(59,136,146)
-
#338e9a
#338e9a
rgb(51,142,154)
-
#2b94a2
#2b94a2
rgb(43,148,162)
-
#239aaa
#239aaa
rgb(35,154,170)
-
#1ba0b2
#1ba0b2
rgb(27,160,178)
-
#13a6ba
#13a6ba
rgb(19,166,186)
-
#0cacc1
#0cacc1
rgb(12,172,193)
-
#04b2c9
#04b2c9
rgb(4,178,201)
Color Blindness Simulator
Below, you can see how #338e9a 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.