#338ea1 Color Information
In a RGB color space, hex #338ea1 is composed of 20% red, 55.7% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 11.8% magenta, 0% yellow and 36.9% black. It has a hue angle of 190.4 degrees, a saturation of 51.9% and a lightness of 41.6%. #338ea1 color hex could be obtained by blending #66ffff with #001d43. Closest websafe color is: #339999.
-
- R 20
- G 56
- B 63
-
- C 68
- M 12
- Y 0
- K 37
● #338ea1 color description : Dark moderate cyan.
#338ea1 Color Conversion
The hexadecimal color #338ea1 has RGB values of R:51, G:142, B:161 and CMYK values of C:0.68, M:0.12, Y:0, K:0.37. Its decimal value is 3378849.
Hex triplet | 338ea1 | #338ea1 |
---|---|---|
RGB Decimal | 51, 142, 161 | rgb(51,142,161) |
RGB Percent | 20, 55.7, 63.1 | rgb(20%,55.7%,63.1%) |
CMYK | 68, 12, 0, 37 | |
HSL | 190.4°, 51.9, 41.6 | hsl(190.4,51.9%,41.6%) |
HSV (or HSB) | 190.4°, 68.3, 63.1 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.68, -20.374, -17.906 |
---|---|
XYZ | 17.469, 22.622, 37.162 |
xyY | 0.226, 0.293, 22.622 |
CIE-LCH | 54.68, 27.124, 221.311 |
CIE-LUV | 54.68, -34.559, -23.86 |
Hunter-Lab | 47.562, -17.671, -13.032 |
Binary | 00110011, 10001110, 10100001 |
Color Schemes with #338ea1
Alternatives to #338ea1
Below, you can see some colors close to #338ea1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338ea1 Preview
This text has a font color of #338ea1.
<span style="color:#338ea1;">Text here</span>
This paragraph has a background color of #338ea1.
<p style="background-color:#338ea1;">Content here</p>
This element has a border color of #338ea1.
<div style="border:1px solid #338ea1;">Content here</div>
.text {color:#338ea1;}
.background {background-color:#338ea1;}
.border {border:1px solid #338ea1;}
Shades and Tints of #338ea1
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, #040b0c is the darkest color, while #fcfefe is the lightest one.
-
#040b0c
#040b0c
rgb(4,11,12)
-
#09181b
#09181b
rgb(9,24,27)
-
#0d252a
#0d252a
rgb(13,37,42)
-
#123239
#123239
rgb(18,50,57)
-
#173f48
#173f48
rgb(23,63,72)
-
#1b4c57
#1b4c57
rgb(27,76,87)
-
#205965
#205965
rgb(32,89,101)
-
#256774
#256774
rgb(37,103,116)
-
#2a7483
#2a7483
rgb(42,116,131)
-
#2e8192
#2e8192
rgb(46,129,146)
-
#338ea1
#338ea1
rgb(51,142,161)
-
#389bb0
#389bb0
rgb(56,155,176)
-
#3ca8bf
#3ca8bf
rgb(60,168,191)
-
#49b0c5
#49b0c5
rgb(73,176,197)
-
#58b7ca
#58b7ca
rgb(88,183,202)
-
#67bdcf
#67bdcf
rgb(103,189,207)
-
#76c3d4
#76c3d4
rgb(118,195,212)
-
#85cad8
#85cad8
rgb(133,202,216)
-
#94d0dd
#94d0dd
rgb(148,208,221)
-
#a3d7e2
#a3d7e2
rgb(163,215,226)
-
#b2dde6
#b2dde6
rgb(178,221,230)
-
#c1e4eb
#c1e4eb
rgb(193,228,235)
-
#cfeaf0
#cfeaf0
rgb(207,234,240)
-
#def1f5
#def1f5
rgb(222,241,245)
-
#edf7f9
#edf7f9
rgb(237,247,249)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #338ea1
A tone is produced by adding gray to any pure hue. In this case, #646e70 is the less saturated color, while #02aed2 is the most saturated one.
-
#646e70
#646e70
rgb(100,110,112)
-
#5c7378
#5c7378
rgb(92,115,120)
-
#547980
#547980
rgb(84,121,128)
-
#4b7e89
#4b7e89
rgb(75,126,137)
-
#438391
#438391
rgb(67,131,145)
-
#3b8999
#3b8999
rgb(59,137,153)
-
#338ea1
#338ea1
rgb(51,142,161)
-
#2b93a9
#2b93a9
rgb(43,147,169)
-
#2399b1
#2399b1
rgb(35,153,177)
-
#1b9eb9
#1b9eb9
rgb(27,158,185)
-
#12a3c2
#12a3c2
rgb(18,163,194)
-
#0aa9ca
#0aa9ca
rgb(10,169,202)
-
#02aed2
#02aed2
rgb(2,174,210)
Color Blindness Simulator
Below, you can see how #338ea1 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.