#339699 Color Information
In a RGB color space, hex #339699 is composed of 20% red, 58.8% green and 60% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 2% magenta, 0% yellow and 40% black. It has a hue angle of 181.8 degrees, a saturation of 50% and a lightness of 40%. #339699 color hex could be obtained by blending #66ffff with #002d33. Closest websafe color is: #339999.
-
- R 20
- G 59
- B 60
-
- C 67
- M 2
- Y 0
- K 40
● #339699 color description : Dark moderate cyan.
#339699 Color Conversion
The hexadecimal color #339699 has RGB values of R:51, G:150, B:153 and CMYK values of C:0.67, M:0.02, Y:0, K:0.4. Its decimal value is 3380889.
Hex triplet | 339699 | #339699 |
---|---|---|
RGB Decimal | 51, 150, 153 | rgb(51,150,153) |
RGB Percent | 20, 58.8, 60 | rgb(20%,58.8%,60%) |
CMYK | 67, 2, 0, 40 | |
HSL | 181.8°, 50, 40 | hsl(181.8,50%,40%) |
HSV (or HSB) | 181.8°, 66.7, 60 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 56.895, -26.964, -9.973 |
---|---|
XYZ | 18.02, 24.815, 33.975 |
xyY | 0.235, 0.323, 24.815 |
CIE-LCH | 56.895, 28.75, 200.298 |
CIE-LUV | 56.895, -38.009, -10.77 |
Hunter-Lab | 49.815, -22.606, -5.568 |
Binary | 00110011, 10010110, 10011001 |
Color Schemes with #339699
Alternatives to #339699
Below, you can see some colors close to #339699. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#339699 Preview
This text has a font color of #339699.
<span style="color:#339699;">Text here</span>
This paragraph has a background color of #339699.
<p style="background-color:#339699;">Content here</p>
This element has a border color of #339699.
<div style="border:1px solid #339699;">Content here</div>
.text {color:#339699;}
.background {background-color:#339699;}
.border {border:1px solid #339699;}
Shades and Tints of #339699
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)
-
#071415
#071415
rgb(7,20,21)
-
#0c2323
#0c2323
rgb(12,35,35)
-
#113132
#113132
rgb(17,49,50)
-
#163f41
#163f41
rgb(22,63,65)
-
#1a4e4f
#1a4e4f
rgb(26,78,79)
-
#1f5c5e
#1f5c5e
rgb(31,92,94)
-
#246b6d
#246b6d
rgb(36,107,109)
-
#29797c
#29797c
rgb(41,121,124)
-
#2e888a
#2e888a
rgb(46,136,138)
-
#339699
#339699
rgb(51,150,153)
-
#38a4a8
#38a4a8
rgb(56,164,168)
-
#3db3b6
#3db3b6
rgb(61,179,182)
-
#46bec1
#46bec1
rgb(70,190,193)
-
#54c3c6
#54c3c6
rgb(84,195,198)
-
#63c8cb
#63c8cb
rgb(99,200,203)
-
#72cdd0
#72cdd0
rgb(114,205,208)
-
#80d2d5
#80d2d5
rgb(128,210,213)
-
#8fd8da
#8fd8da
rgb(143,216,218)
-
#9edddf
#9edddf
rgb(158,221,223)
-
#ade2e4
#ade2e4
rgb(173,226,228)
-
#bbe7e8
#bbe7e8
rgb(187,231,232)
-
#caeced
#caeced
rgb(202,236,237)
-
#d9f2f2
#d9f2f2
rgb(217,242,242)
-
#e7f7f7
#e7f7f7
rgb(231,247,247)
-
#f6fcfc
#f6fcfc
rgb(246,252,252)
Tones of #339699
A tone is produced by adding gray to any pure hue. In this case, #626a6a is the less saturated color, while #04c2c8 is the most saturated one.
-
#626a6a
#626a6a
rgb(98,106,106)
-
#5a7172
#5a7172
rgb(90,113,114)
-
#52787a
#52787a
rgb(82,120,122)
-
#4b8081
#4b8081
rgb(75,128,129)
-
#438789
#438789
rgb(67,135,137)
-
#3b8f91
#3b8f91
rgb(59,143,145)
-
#339699
#339699
rgb(51,150,153)
-
#2b9da1
#2b9da1
rgb(43,157,161)
-
#23a5a9
#23a5a9
rgb(35,165,169)
-
#1bacb1
#1bacb1
rgb(27,172,177)
-
#14b4b8
#14b4b8
rgb(20,180,184)
-
#0cbbc0
#0cbbc0
rgb(12,187,192)
-
#04c2c8
#04c2c8
rgb(4,194,200)
Color Blindness Simulator
Below, you can see how #339699 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.