#339ba8 Color Information
In a RGB color space, hex #339ba8 is composed of 20% red, 60.8% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 7.7% magenta, 0% yellow and 34.1% black. It has a hue angle of 186.7 degrees, a saturation of 53.4% and a lightness of 42.9%. #339ba8 color hex could be obtained by blending #66ffff with #003751. Closest websafe color is: #339999.
-
- R 20
- G 61
- B 66
-
- C 70
- M 8
- Y 0
- K 34
● #339ba8 color description : Dark moderate cyan.
#339ba8 Color Conversion
The hexadecimal color #339ba8 has RGB values of R:51, G:155, B:168 and CMYK values of C:0.7, M:0.08, Y:0, K:0.34. Its decimal value is 3382184.
Hex triplet | 339ba8 | #339ba8 |
---|---|---|
RGB Decimal | 51, 155, 168 | rgb(51,155,168) |
RGB Percent | 20, 60.8, 65.9 | rgb(20%,60.8%,65.9%) |
CMYK | 70, 8, 0, 34 | |
HSL | 186.7°, 53.4, 42.9 | hsl(186.7,53.4%,42.9%) |
HSV (or HSB) | 186.7°, 69.6, 65.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 58.948, -24.904, -15.422 |
---|---|
XYZ | 20.152, 26.972, 41.188 |
xyY | 0.228, 0.305, 26.972 |
CIE-LCH | 58.948, 29.293, 211.769 |
CIE-LUV | 58.948, -38.945, -19.622 |
Hunter-Lab | 51.934, -21.621, -10.667 |
Binary | 00110011, 10011011, 10101000 |
Color Schemes with #339ba8
Alternatives to #339ba8
Below, you can see some colors close to #339ba8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#339ba8 Preview
This text has a font color of #339ba8.
<span style="color:#339ba8;">Text here</span>
This paragraph has a background color of #339ba8.
<p style="background-color:#339ba8;">Content here</p>
This element has a border color of #339ba8.
<div style="border:1px solid #339ba8;">Content here</div>
.text {color:#339ba8;}
.background {background-color:#339ba8;}
.border {border:1px solid #339ba8;}
Shades and Tints of #339ba8
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 #f2fafb is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#051012
#051012
rgb(5,16,18)
-
#0a1e21
#0a1e21
rgb(10,30,33)
-
#0e2c30
#0e2c30
rgb(14,44,48)
-
#133a3f
#133a3f
rgb(19,58,63)
-
#18484e
#18484e
rgb(24,72,78)
-
#1c565d
#1c565d
rgb(28,86,93)
-
#21636c
#21636c
rgb(33,99,108)
-
#25717b
#25717b
rgb(37,113,123)
-
#2a7f8a
#2a7f8a
rgb(42,127,138)
-
#2e8d99
#2e8d99
rgb(46,141,153)
-
#339ba8
#339ba8
rgb(51,155,168)
-
#38a9b7
#38a9b7
rgb(56,169,183)
-
#3eb5c4
#3eb5c4
rgb(62,181,196)
-
#4dbbc9
#4dbbc9
rgb(77,187,201)
-
#5cc1ce
#5cc1ce
rgb(92,193,206)
-
#6bc7d2
#6bc7d2
rgb(107,199,210)
-
#7accd7
#7accd7
rgb(122,204,215)
-
#89d2db
#89d2db
rgb(137,210,219)
-
#98d8e0
#98d8e0
rgb(152,216,224)
-
#a7dee4
#a7dee4
rgb(167,222,228)
-
#b6e3e9
#b6e3e9
rgb(182,227,233)
-
#c5e9ed
#c5e9ed
rgb(197,233,237)
-
#d4eff2
#d4eff2
rgb(212,239,242)
-
#e3f4f7
#e3f4f7
rgb(227,244,247)
-
#f2fafb
#f2fafb
rgb(242,250,251)
Tones of #339ba8
A tone is produced by adding gray to any pure hue. In this case, #667475 is the less saturated color, while #00c2db is the most saturated one.
-
#667475
#667475
rgb(102,116,117)
-
#5d7a7e
#5d7a7e
rgb(93,122,126)
-
#558186
#558186
rgb(85,129,134)
-
#4c878f
#4c878f
rgb(76,135,143)
-
#448e97
#448e97
rgb(68,142,151)
-
#3b94a0
#3b94a0
rgb(59,148,160)
-
#339ba8
#339ba8
rgb(51,155,168)
-
#2ba2b0
#2ba2b0
rgb(43,162,176)
-
#22a8b9
#22a8b9
rgb(34,168,185)
-
#1aafc1
#1aafc1
rgb(26,175,193)
-
#11b5ca
#11b5ca
rgb(17,181,202)
-
#09bcd2
#09bcd2
rgb(9,188,210)
-
#00c2db
#00c2db
rgb(0,194,219)
Color Blindness Simulator
Below, you can see how #339ba8 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.