#339cad Color Information
In a RGB color space, hex #339cad is composed of 20% red, 61.2% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 70.5% cyan, 9.8% magenta, 0% yellow and 32.2% black. It has a hue angle of 188.4 degrees, a saturation of 54.5% and a lightness of 43.9%. #339cad color hex could be obtained by blending #66ffff with #00395b. Closest websafe color is: #339999.
-
- R 20
- G 61
- B 68
-
- C 71
- M 10
- Y 0
- K 32
● #339cad color description : Dark cyan.
#339cad Color Conversion
The hexadecimal color #339cad has RGB values of R:51, G:156, B:173 and CMYK values of C:0.71, M:0.1, Y:0, K:0.32. Its decimal value is 3382445.
Hex triplet | 339cad | #339cad |
---|---|---|
RGB Decimal | 51, 156, 173 | rgb(51,156,173) |
RGB Percent | 20, 61.2, 67.8 | rgb(20%,61.2%,67.8%) |
CMYK | 71, 10, 0, 32 | |
HSL | 188.4°, 54.5, 43.9 | hsl(188.4,54.5%,43.9%) |
HSV (or HSB) | 188.4°, 70.5, 67.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 59.431, -23.851, -17.523 |
---|---|
XYZ | 20.794, 27.496, 43.744 |
xyY | 0.226, 0.299, 27.496 |
CIE-LCH | 59.431, 29.596, 216.305 |
CIE-LUV | 59.431, -39.004, -23.126 |
Hunter-Lab | 52.437, -20.978, -12.756 |
Binary | 00110011, 10011100, 10101101 |
Color Schemes with #339cad
Alternatives to #339cad
Below, you can see some colors close to #339cad. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#339cad Preview
This text has a font color of #339cad.
<span style="color:#339cad;">Text here</span>
This paragraph has a background color of #339cad.
<p style="background-color:#339cad;">Content here</p>
This element has a border color of #339cad.
<div style="border:1px solid #339cad;">Content here</div>
.text {color:#339cad;}
.background {background-color:#339cad;}
.border {border:1px solid #339cad;}
Shades and Tints of #339cad
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, #020606 is the darkest color, while #f6fcfc is the lightest one.
-
#020606
#020606
rgb(2,6,6)
-
#061316
#061316
rgb(6,19,22)
-
#0b2125
#0b2125
rgb(11,33,37)
-
#0f2f34
#0f2f34
rgb(15,47,52)
-
#143c43
#143c43
rgb(20,60,67)
-
#184a52
#184a52
rgb(24,74,82)
-
#1d5861
#1d5861
rgb(29,88,97)
-
#216570
#216570
rgb(33,101,112)
-
#267380
#267380
rgb(38,115,128)
-
#2a818f
#2a818f
rgb(42,129,143)
-
#2f8e9e
#2f8e9e
rgb(47,142,158)
-
#339cad
#339cad
rgb(51,156,173)
-
#37aabc
#37aabc
rgb(55,170,188)
-
#40b4c7
#40b4c7
rgb(64,180,199)
-
#50bacb
#50bacb
rgb(80,186,203)
-
#5fc0d0
#5fc0d0
rgb(95,192,208)
-
#6ec6d4
#6ec6d4
rgb(110,198,212)
-
#7dccd9
#7dccd9
rgb(125,204,217)
-
#8cd2dd
#8cd2dd
rgb(140,210,221)
-
#9bd8e2
#9bd8e2
rgb(155,216,226)
-
#aadee6
#aadee6
rgb(170,222,230)
-
#bae4eb
#bae4eb
rgb(186,228,235)
-
#c9eaef
#c9eaef
rgb(201,234,239)
-
#d8f0f3
#d8f0f3
rgb(216,240,243)
-
#e7f6f8
#e7f6f8
rgb(231,246,248)
-
#f6fcfc
#f6fcfc
rgb(246,252,252)
Tones of #339cad
A tone is produced by adding gray to any pure hue. In this case, #6f7071 is the less saturated color, while #08bbd8 is the most saturated one.
-
#6f7071
#6f7071
rgb(111,112,113)
-
#677779
#677779
rgb(103,119,121)
-
#5e7d82
#5e7d82
rgb(94,125,130)
-
#55838b
#55838b
rgb(85,131,139)
-
#4d8993
#4d8993
rgb(77,137,147)
-
#44909c
#44909c
rgb(68,144,156)
-
#3c96a4
#3c96a4
rgb(60,150,164)
-
#339cad
#339cad
rgb(51,156,173)
-
#2aa2b6
#2aa2b6
rgb(42,162,182)
-
#22a8be
#22a8be
rgb(34,168,190)
-
#19afc7
#19afc7
rgb(25,175,199)
-
#11b5cf
#11b5cf
rgb(17,181,207)
-
#08bbd8
#08bbd8
rgb(8,187,216)
Color Blindness Simulator
Below, you can see how #339cad 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.