#338ea5 Color Information
In a RGB color space, hex #338ea5 is composed of 20% red, 55.7% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 69.1% cyan, 13.9% magenta, 0% yellow and 35.3% black. It has a hue angle of 192.1 degrees, a saturation of 52.8% and a lightness of 42.4%. #338ea5 color hex could be obtained by blending #66ffff with #001d4b. Closest websafe color is: #339999.
-
- R 20
- G 56
- B 65
-
- C 69
- M 14
- Y 0
- K 35
● #338ea5 color description : Dark moderate cyan.
#338ea5 Color Conversion
The hexadecimal color #338ea5 has RGB values of R:51, G:142, B:165 and CMYK values of C:0.69, M:0.14, Y:0, K:0.35. Its decimal value is 3378853.
Hex triplet | 338ea5 | #338ea5 |
---|---|---|
RGB Decimal | 51, 142, 165 | rgb(51,142,165) |
RGB Percent | 20, 55.7, 64.7 | rgb(20%,55.7%,64.7%) |
CMYK | 69, 14, 0, 35 | |
HSL | 192.1°, 52.8, 42.4 | hsl(192.1,52.8%,42.4%) |
HSV (or HSB) | 192.1°, 69.1, 64.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.829, -19.085, -19.977 |
---|---|
XYZ | 17.828, 22.765, 39.05 |
xyY | 0.224, 0.286, 22.765 |
CIE-LCH | 54.829, 27.628, 226.308 |
CIE-LUV | 54.829, -34.333, -27.31 |
Hunter-Lab | 47.713, -16.8, -15.126 |
Binary | 00110011, 10001110, 10100101 |
Color Schemes with #338ea5
Alternatives to #338ea5
Below, you can see some colors close to #338ea5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338ea5 Preview
This text has a font color of #338ea5.
<span style="color:#338ea5;">Text here</span>
This paragraph has a background color of #338ea5.
<p style="background-color:#338ea5;">Content here</p>
This element has a border color of #338ea5.
<div style="border:1px solid #338ea5;">Content here</div>
.text {color:#338ea5;}
.background {background-color:#338ea5;}
.border {border:1px solid #338ea5;}
Shades and Tints of #338ea5
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, #000000 is the darkest color, while #f0f8fa is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#050d0f
#050d0f
rgb(5,13,15)
-
#091a1e
#091a1e
rgb(9,26,30)
-
#0e272d
#0e272d
rgb(14,39,45)
-
#13343c
#13343c
rgb(19,52,60)
-
#17414b
#17414b
rgb(23,65,75)
-
#1c4e5a
#1c4e5a
rgb(28,78,90)
-
#205a69
#205a69
rgb(32,90,105)
-
#256778
#256778
rgb(37,103,120)
-
#2a7487
#2a7487
rgb(42,116,135)
-
#2e8196
#2e8196
rgb(46,129,150)
-
#338ea5
#338ea5
rgb(51,142,165)
-
#389bb4
#389bb4
rgb(56,155,180)
-
#3ca8c3
#3ca8c3
rgb(60,168,195)
-
#4baec7
#4baec7
rgb(75,174,199)
-
#5ab5cc
#5ab5cc
rgb(90,181,204)
-
#69bcd1
#69bcd1
rgb(105,188,209)
-
#78c3d5
#78c3d5
rgb(120,195,213)
-
#87c9da
#87c9da
rgb(135,201,218)
-
#96d0df
#96d0df
rgb(150,208,223)
-
#a5d7e3
#a5d7e3
rgb(165,215,227)
-
#b4dde8
#b4dde8
rgb(180,221,232)
-
#c3e4ed
#c3e4ed
rgb(195,228,237)
-
#d2ebf1
#d2ebf1
rgb(210,235,241)
-
#e1f2f6
#e1f2f6
rgb(225,242,246)
-
#f0f8fa
#f0f8fa
rgb(240,248,250)
Tones of #338ea5
A tone is produced by adding gray to any pure hue. In this case, #657073 is the less saturated color, while #01acd7 is the most saturated one.
-
#657073
#657073
rgb(101,112,115)
-
#5d757b
#5d757b
rgb(93,117,123)
-
#547a84
#547a84
rgb(84,122,132)
-
#4c7f8c
#4c7f8c
rgb(76,127,140)
-
#448494
#448494
rgb(68,132,148)
-
#3b899d
#3b899d
rgb(59,137,157)
-
#338ea5
#338ea5
rgb(51,142,165)
-
#2b93ad
#2b93ad
rgb(43,147,173)
-
#2298b6
#2298b6
rgb(34,152,182)
-
#1a9dbe
#1a9dbe
rgb(26,157,190)
-
#12a2c6
#12a2c6
rgb(18,162,198)
-
#09a7cf
#09a7cf
rgb(9,167,207)
-
#01acd7
#01acd7
rgb(1,172,215)
Color Blindness Simulator
Below, you can see how #338ea5 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.