#338ba8 Color Information
In a RGB color space, hex #338ba8 is composed of 20% red, 54.5% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 17.3% magenta, 0% yellow and 34.1% black. It has a hue angle of 194.9 degrees, a saturation of 53.4% and a lightness of 42.9%. #338ba8 color hex could be obtained by blending #66ffff with #001751. Closest websafe color is: #339999.
-
- R 20
- G 55
- B 66
-
- C 70
- M 17
- Y 0
- K 34
● #338ba8 color description : Dark moderate cyan.
#338ba8 Color Conversion
The hexadecimal color #338ba8 has RGB values of R:51, G:139, B:168 and CMYK values of C:0.7, M:0.17, Y:0, K:0.34. Its decimal value is 3378088.
Hex triplet | 338ba8 | #338ba8 |
---|---|---|
RGB Decimal | 51, 139, 168 | rgb(51,139,168) |
RGB Percent | 20, 54.5, 65.9 | rgb(20%,54.5%,65.9%) |
CMYK | 70, 17, 0, 34 | |
HSL | 194.9°, 53.4, 42.9 | hsl(194.9,53.4%,42.9%) |
HSV (or HSB) | 194.9°, 69.6, 65.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.021, -16.483, -22.939 |
---|---|
XYZ | 17.664, 21.995, 40.358 |
xyY | 0.221, 0.275, 21.995 |
CIE-LCH | 54.021, 28.247, 234.301 |
CIE-LUV | 54.021, -33.063, -32.274 |
Hunter-Lab | 46.899, -14.842, -18.193 |
Binary | 00110011, 10001011, 10101000 |
Color Schemes with #338ba8
Alternatives to #338ba8
Below, you can see some colors close to #338ba8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338ba8 Preview
This text has a font color of #338ba8.
<span style="color:#338ba8;">Text here</span>
This paragraph has a background color of #338ba8.
<p style="background-color:#338ba8;">Content here</p>
This element has a border color of #338ba8.
<div style="border:1px solid #338ba8;">Content here</div>
.text {color:#338ba8;}
.background {background-color:#338ba8;}
.border {border:1px solid #338ba8;}
Shades and Tints of #338ba8
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, #010202 is the darkest color, while #f2f9fb is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#050f12
#050f12
rgb(5,15,18)
-
#0a1b21
#0a1b21
rgb(10,27,33)
-
#0e2730
#0e2730
rgb(14,39,48)
-
#13343f
#13343f
rgb(19,52,63)
-
#18404e
#18404e
rgb(24,64,78)
-
#1c4d5d
#1c4d5d
rgb(28,77,93)
-
#21596c
#21596c
rgb(33,89,108)
-
#25667b
#25667b
rgb(37,102,123)
-
#2a728a
#2a728a
rgb(42,114,138)
-
#2e7f99
#2e7f99
rgb(46,127,153)
-
#338ba8
#338ba8
rgb(51,139,168)
-
#3897b7
#3897b7
rgb(56,151,183)
-
#3ea3c4
#3ea3c4
rgb(62,163,196)
-
#4daac9
#4daac9
rgb(77,170,201)
-
#5cb1ce
#5cb1ce
rgb(92,177,206)
-
#6bb9d2
#6bb9d2
rgb(107,185,210)
-
#7ac0d7
#7ac0d7
rgb(122,192,215)
-
#89c7db
#89c7db
rgb(137,199,219)
-
#98cee0
#98cee0
rgb(152,206,224)
-
#a7d5e4
#a7d5e4
rgb(167,213,228)
-
#b6dce9
#b6dce9
rgb(182,220,233)
-
#c5e4ed
#c5e4ed
rgb(197,228,237)
-
#d4ebf2
#d4ebf2
rgb(212,235,242)
-
#e3f2f7
#e3f2f7
rgb(227,242,247)
-
#f2f9fb
#f2f9fb
rgb(242,249,251)
Tones of #338ba8
A tone is produced by adding gray to any pure hue. In this case, #667275 is the less saturated color, while #00a4db is the most saturated one.
-
#667275
#667275
rgb(102,114,117)
-
#5d767e
#5d767e
rgb(93,118,126)
-
#557a86
#557a86
rgb(85,122,134)
-
#4c7e8f
#4c7e8f
rgb(76,126,143)
-
#448397
#448397
rgb(68,131,151)
-
#3b87a0
#3b87a0
rgb(59,135,160)
-
#338ba8
#338ba8
rgb(51,139,168)
-
#2b8fb0
#2b8fb0
rgb(43,143,176)
-
#2293b9
#2293b9
rgb(34,147,185)
-
#1a98c1
#1a98c1
rgb(26,152,193)
-
#119cca
#119cca
rgb(17,156,202)
-
#09a0d2
#09a0d2
rgb(9,160,210)
-
#00a4db
#00a4db
rgb(0,164,219)
Color Blindness Simulator
Below, you can see how #338ba8 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.