#339ab1 Color Information
In a RGB color space, hex #339ab1 is composed of 20% red, 60.4% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 13% magenta, 0% yellow and 30.6% black. It has a hue angle of 191 degrees, a saturation of 55.3% and a lightness of 44.7%. #339ab1 color hex could be obtained by blending #66ffff with #003563. Closest websafe color is: #339999.
-
- R 20
- G 60
- B 69
-
- C 71
- M 13
- Y 0
- K 31
● #339ab1 color description : Dark cyan.
#339ab1 Color Conversion
The hexadecimal color #339ab1 has RGB values of R:51, G:154, B:177 and CMYK values of C:0.71, M:0.13, Y:0, K:0.31. Its decimal value is 3381937.
Hex triplet | 339ab1 | #339ab1 |
---|---|---|
RGB Decimal | 51, 154, 177 | rgb(51,154,177) |
RGB Percent | 20, 60.4, 69.4 | rgb(20%,60.4%,69.4%) |
CMYK | 71, 13, 0, 31 | |
HSL | 191°, 55.3, 44.7 | hsl(191,55.3%,44.7%) |
HSV (or HSB) | 191°, 71.2, 69.4 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 58.963, -21.544, -20.5 |
---|---|
XYZ | 20.854, 26.988, 45.703 |
xyY | 0.223, 0.288, 26.988 |
CIE-LCH | 58.963, 29.739, 223.578 |
CIE-LUV | 58.963, -38.03, -28.167 |
Hunter-Lab | 51.95, -19.255, -15.796 |
Binary | 00110011, 10011010, 10110001 |
Color Schemes with #339ab1
Alternatives to #339ab1
Below, you can see some colors close to #339ab1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#339ab1 Preview
This text has a font color of #339ab1.
<span style="color:#339ab1;">Text here</span>
This paragraph has a background color of #339ab1.
<p style="background-color:#339ab1;">Content here</p>
This element has a border color of #339ab1.
<div style="border:1px solid #339ab1;">Content here</div>
.text {color:#339ab1;}
.background {background-color:#339ab1;}
.border {border:1px solid #339ab1;}
Shades and Tints of #339ab1
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, #030809 is the darkest color, while #f9fdfd is the lightest one.
-
#030809
#030809
rgb(3,8,9)
-
#071619
#071619
rgb(7,22,25)
-
#0c2328
#0c2328
rgb(12,35,40)
-
#103037
#103037
rgb(16,48,55)
-
#143d46
#143d46
rgb(20,61,70)
-
#194b56
#194b56
rgb(25,75,86)
-
#1d5865
#1d5865
rgb(29,88,101)
-
#216574
#216574
rgb(33,101,116)
-
#267283
#267283
rgb(38,114,131)
-
#2a8093
#2a8093
rgb(42,128,147)
-
#2f8da2
#2f8da2
rgb(47,141,162)
-
#339ab1
#339ab1
rgb(51,154,177)
-
#37a7c0
#37a7c0
rgb(55,167,192)
-
#43b0c9
#43b0c9
rgb(67,176,201)
-
#52b7cd
#52b7cd
rgb(82,183,205)
-
#61bdd1
#61bdd1
rgb(97,189,209)
-
#70c3d6
#70c3d6
rgb(112,195,214)
-
#7fcada
#7fcada
rgb(127,202,218)
-
#8fd0df
#8fd0df
rgb(143,208,223)
-
#9ed6e3
#9ed6e3
rgb(158,214,227)
-
#addde7
#addde7
rgb(173,221,231)
-
#bce3ec
#bce3ec
rgb(188,227,236)
-
#cceaf0
#cceaf0
rgb(204,234,240)
-
#dbf0f5
#dbf0f5
rgb(219,240,245)
-
#eaf6f9
#eaf6f9
rgb(234,246,249)
-
#f9fdfd
#f9fdfd
rgb(249,253,253)
Tones of #339ab1
A tone is produced by adding gray to any pure hue. In this case, #707374 is the less saturated color, while #07b6dd is the most saturated one.
-
#707374
#707374
rgb(112,115,116)
-
#68797c
#68797c
rgb(104,121,124)
-
#5f7e85
#5f7e85
rgb(95,126,133)
-
#56848e
#56848e
rgb(86,132,142)
-
#4d8997
#4d8997
rgb(77,137,151)
-
#458f9f
#458f9f
rgb(69,143,159)
-
#3c94a8
#3c94a8
rgb(60,148,168)
-
#339ab1
#339ab1
rgb(51,154,177)
-
#2aa0ba
#2aa0ba
rgb(42,160,186)
-
#21a5c3
#21a5c3
rgb(33,165,195)
-
#19abcb
#19abcb
rgb(25,171,203)
-
#10b0d4
#10b0d4
rgb(16,176,212)
-
#07b6dd
#07b6dd
rgb(7,182,221)
Color Blindness Simulator
Below, you can see how #339ab1 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.