#338ba1 Color Information
In a RGB color space, hex #338ba1 is composed of 20% red, 54.5% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 13.7% magenta, 0% yellow and 36.9% black. It has a hue angle of 192 degrees, a saturation of 51.9% and a lightness of 41.6%. #338ba1 color hex could be obtained by blending #66ffff with #001743. Closest websafe color is: #339999.
-
- R 20
- G 55
- B 63
-
- C 68
- M 14
- Y 0
- K 37
● #338ba1 color description : Dark moderate cyan.
#338ba1 Color Conversion
The hexadecimal color #338ba1 has RGB values of R:51, G:139, B:161 and CMYK values of C:0.68, M:0.14, Y:0, K:0.37. Its decimal value is 3378081.
Hex triplet | 338ba1 | #338ba1 |
---|---|---|
RGB Decimal | 51, 139, 161 | rgb(51,139,161) |
RGB Percent | 20, 54.5, 63.1 | rgb(20%,54.5%,63.1%) |
CMYK | 68, 14, 0, 37 | |
HSL | 192°, 51.9, 41.6 | hsl(192,51.9%,41.6%) |
HSV (or HSB) | 192°, 68.3, 63.1 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.751, -18.777, -19.324 |
---|---|
XYZ | 17.029, 21.741, 37.015 |
xyY | 0.225, 0.287, 21.741 |
CIE-LCH | 53.751, 26.944, 225.823 |
CIE-LUV | 53.751, -33.446, -26.223 |
Hunter-Lab | 46.627, -16.406, -14.429 |
Binary | 00110011, 10001011, 10100001 |
Color Schemes with #338ba1
Alternatives to #338ba1
Below, you can see some colors close to #338ba1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338ba1 Preview
This text has a font color of #338ba1.
<span style="color:#338ba1;">Text here</span>
This paragraph has a background color of #338ba1.
<p style="background-color:#338ba1;">Content here</p>
This element has a border color of #338ba1.
<div style="border:1px solid #338ba1;">Content here</div>
.text {color:#338ba1;}
.background {background-color:#338ba1;}
.border {border:1px solid #338ba1;}
Shades and Tints of #338ba1
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, #040a0c is the darkest color, while #fcfefe is the lightest one.
-
#040a0c
#040a0c
rgb(4,10,12)
-
#09171b
#09171b
rgb(9,23,27)
-
#0d242a
#0d242a
rgb(13,36,42)
-
#123139
#123139
rgb(18,49,57)
-
#173e48
#173e48
rgb(23,62,72)
-
#1b4b57
#1b4b57
rgb(27,75,87)
-
#205865
#205865
rgb(32,88,101)
-
#256474
#256474
rgb(37,100,116)
-
#2a7183
#2a7183
rgb(42,113,131)
-
#2e7e92
#2e7e92
rgb(46,126,146)
-
#338ba1
#338ba1
rgb(51,139,161)
-
#3898b0
#3898b0
rgb(56,152,176)
-
#3ca5bf
#3ca5bf
rgb(60,165,191)
-
#49adc5
#49adc5
rgb(73,173,197)
-
#58b3ca
#58b3ca
rgb(88,179,202)
-
#67bacf
#67bacf
rgb(103,186,207)
-
#76c1d4
#76c1d4
rgb(118,193,212)
-
#85c8d8
#85c8d8
rgb(133,200,216)
-
#94cedd
#94cedd
rgb(148,206,221)
-
#a3d5e2
#a3d5e2
rgb(163,213,226)
-
#b2dce6
#b2dce6
rgb(178,220,230)
-
#c1e3eb
#c1e3eb
rgb(193,227,235)
-
#cfe9f0
#cfe9f0
rgb(207,233,240)
-
#def0f5
#def0f5
rgb(222,240,245)
-
#edf7f9
#edf7f9
rgb(237,247,249)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #338ba1
A tone is produced by adding gray to any pure hue. In this case, #646e70 is the less saturated color, while #02a8d2 is the most saturated one.
-
#646e70
#646e70
rgb(100,110,112)
-
#5c7378
#5c7378
rgb(92,115,120)
-
#547780
#547780
rgb(84,119,128)
-
#4b7c89
#4b7c89
rgb(75,124,137)
-
#438191
#438191
rgb(67,129,145)
-
#3b8699
#3b8699
rgb(59,134,153)
-
#338ba1
#338ba1
rgb(51,139,161)
-
#2b90a9
#2b90a9
rgb(43,144,169)
-
#2395b1
#2395b1
rgb(35,149,177)
-
#1b9ab9
#1b9ab9
rgb(27,154,185)
-
#129fc2
#129fc2
rgb(18,159,194)
-
#0aa3ca
#0aa3ca
rgb(10,163,202)
-
#02a8d2
#02a8d2
rgb(2,168,210)
Color Blindness Simulator
Below, you can see how #338ba1 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.