#339ab0 Color Information
In a RGB color space, hex #339ab0 is composed of 20% red, 60.4% green and 69% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 12.5% magenta, 0% yellow and 31% black. It has a hue angle of 190.6 degrees, a saturation of 55.1% and a lightness of 44.5%. #339ab0 color hex could be obtained by blending #66ffff with #003561. Closest websafe color is: #339999.
-
- R 20
- G 60
- B 69
-
- C 71
- M 13
- Y 0
- K 31
● #339ab0 color description : Dark cyan.
#339ab0 Color Conversion
The hexadecimal color #339ab0 has RGB values of R:51, G:154, B:176 and CMYK values of C:0.71, M:0.13, Y:0, K:0.31. Its decimal value is 3381936.
Hex triplet | 339ab0 | #339ab0 |
---|---|---|
RGB Decimal | 51, 154, 176 | rgb(51,154,176) |
RGB Percent | 20, 60.4, 69 | rgb(20%,60.4%,69%) |
CMYK | 71, 13, 0, 31 | |
HSL | 190.6°, 55.1, 44.5 | hsl(190.6,55.1%,44.5%) |
HSV (or HSB) | 190.6°, 71, 69 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 58.926, -21.865, -19.99 |
---|---|
XYZ | 20.755, 26.948, 45.18 |
xyY | 0.223, 0.29, 26.948 |
CIE-LCH | 58.926, 29.626, 222.436 |
CIE-LUV | 58.926, -38.09, -27.303 |
Hunter-Lab | 51.911, -19.477, -15.263 |
Binary | 00110011, 10011010, 10110000 |
Color Schemes with #339ab0
Alternatives to #339ab0
Below, you can see some colors close to #339ab0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#339ab0 Preview
This text has a font color of #339ab0.
<span style="color:#339ab0;">Text here</span>
This paragraph has a background color of #339ab0.
<p style="background-color:#339ab0;">Content here</p>
This element has a border color of #339ab0.
<div style="border:1px solid #339ab0;">Content here</div>
.text {color:#339ab0;}
.background {background-color:#339ab0;}
.border {border:1px solid #339ab0;}
Shades and Tints of #339ab0
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 #f8fcfd is the lightest one.
-
#030809
#030809
rgb(3,8,9)
-
#071518
#071518
rgb(7,21,24)
-
#0b2227
#0b2227
rgb(11,34,39)
-
#103036
#103036
rgb(16,48,54)
-
#143d46
#143d46
rgb(20,61,70)
-
#194a55
#194a55
rgb(25,74,85)
-
#1d5764
#1d5764
rgb(29,87,100)
-
#216573
#216573
rgb(33,101,115)
-
#267282
#267282
rgb(38,114,130)
-
#2a7f92
#2a7f92
rgb(42,127,146)
-
#2f8da1
#2f8da1
rgb(47,141,161)
-
#339ab0
#339ab0
rgb(51,154,176)
-
#37a7bf
#37a7bf
rgb(55,167,191)
-
#42b1c8
#42b1c8
rgb(66,177,200)
-
#51b7cd
#51b7cd
rgb(81,183,205)
-
#60bdd1
#60bdd1
rgb(96,189,209)
-
#70c4d5
#70c4d5
rgb(112,196,213)
-
#7fcada
#7fcada
rgb(127,202,218)
-
#8ed0de
#8ed0de
rgb(142,208,222)
-
#9dd6e3
#9dd6e3
rgb(157,214,227)
-
#acdde7
#acdde7
rgb(172,221,231)
-
#bce3eb
#bce3eb
rgb(188,227,235)
-
#cbe9f0
#cbe9f0
rgb(203,233,240)
-
#daf0f4
#daf0f4
rgb(218,240,244)
-
#e9f6f9
#e9f6f9
rgb(233,246,249)
-
#f8fcfd
#f8fcfd
rgb(248,252,253)
Tones of #339ab0
A tone is produced by adding gray to any pure hue. In this case, #707273 is the less saturated color, while #07b6dc is the most saturated one.
-
#707273
#707273
rgb(112,114,115)
-
#67787c
#67787c
rgb(103,120,124)
-
#5f7e84
#5f7e84
rgb(95,126,132)
-
#56838d
#56838d
rgb(86,131,141)
-
#4d8996
#4d8996
rgb(77,137,150)
-
#448f9f
#448f9f
rgb(68,143,159)
-
#3c94a7
#3c94a7
rgb(60,148,167)
-
#339ab0
#339ab0
rgb(51,154,176)
-
#2aa0b9
#2aa0b9
rgb(42,160,185)
-
#22a5c1
#22a5c1
rgb(34,165,193)
-
#19abca
#19abca
rgb(25,171,202)
-
#10b1d3
#10b1d3
rgb(16,177,211)
-
#07b6dc
#07b6dc
rgb(7,182,220)
Color Blindness Simulator
Below, you can see how #339ab0 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.