#339ea2 Color Information
In a RGB color space, hex #339ea2 is composed of 20% red, 62% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 2.5% magenta, 0% yellow and 36.5% black. It has a hue angle of 182.2 degrees, a saturation of 52.1% and a lightness of 41.8%. #339ea2 color hex could be obtained by blending #66ffff with #003d45. Closest websafe color is: #339999.
-
- R 20
- G 62
- B 64
-
- C 69
- M 2
- Y 0
- K 36
● #339ea2 color description : Dark moderate cyan.
#339ea2 Color Conversion
The hexadecimal color #339ea2 has RGB values of R:51, G:158, B:162 and CMYK values of C:0.69, M:0.02, Y:0, K:0.36. Its decimal value is 3382946.
Hex triplet | 339ea2 | #339ea2 |
---|---|---|
RGB Decimal | 51, 158, 162 | rgb(51,158,162) |
RGB Percent | 20, 62, 63.5 | rgb(20%,62%,63.5%) |
CMYK | 69, 2, 0, 36 | |
HSL | 182.2°, 52.1, 41.8 | hsl(182.2,52.1%,41.8%) |
HSV (or HSB) | 182.2°, 68.5, 63.5 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 59.675, -28.239, -10.927 |
---|---|
XYZ | 20.112, 27.764, 38.48 |
xyY | 0.233, 0.322, 27.764 |
CIE-LCH | 59.675, 30.279, 201.154 |
CIE-LUV | 59.675, -40.423, -12.156 |
Hunter-Lab | 52.692, -24.08, -6.414 |
Binary | 00110011, 10011110, 10100010 |
Color Schemes with #339ea2
Alternatives to #339ea2
Below, you can see some colors close to #339ea2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#339ea2 Preview
This text has a font color of #339ea2.
<span style="color:#339ea2;">Text here</span>
This paragraph has a background color of #339ea2.
<p style="background-color:#339ea2;">Content here</p>
This element has a border color of #339ea2.
<div style="border:1px solid #339ea2;">Content here</div>
.text {color:#339ea2;}
.background {background-color:#339ea2;}
.border {border:1px solid #339ea2;}
Shades and Tints of #339ea2
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, #040c0d is the darkest color, while #fdfefe is the lightest one.
-
#040c0d
#040c0d
rgb(4,12,13)
-
#091b1c
#091b1c
rgb(9,27,28)
-
#0d2a2b
#0d2a2b
rgb(13,42,43)
-
#12383a
#12383a
rgb(18,56,58)
-
#174748
#174748
rgb(23,71,72)
-
#1c5557
#1c5557
rgb(28,85,87)
-
#206466
#206466
rgb(32,100,102)
-
#257275
#257275
rgb(37,114,117)
-
#2a8184
#2a8184
rgb(42,129,132)
-
#2e8f93
#2e8f93
rgb(46,143,147)
-
#339ea2
#339ea2
rgb(51,158,162)
-
#38adb1
#38adb1
rgb(56,173,177)
-
#3cbbc0
#3cbbc0
rgb(60,187,192)
-
#4ac2c6
#4ac2c6
rgb(74,194,198)
-
#59c7cb
#59c7cb
rgb(89,199,203)
-
#68cccf
#68cccf
rgb(104,204,207)
-
#77d1d4
#77d1d4
rgb(119,209,212)
-
#86d6d9
#86d6d9
rgb(134,214,217)
-
#94dbdd
#94dbdd
rgb(148,219,221)
-
#a3e0e2
#a3e0e2
rgb(163,224,226)
-
#b2e5e7
#b2e5e7
rgb(178,229,231)
-
#c1eaec
#c1eaec
rgb(193,234,236)
-
#d0eff0
#d0eff0
rgb(208,239,240)
-
#dff4f5
#dff4f5
rgb(223,244,245)
-
#eef9fa
#eef9fa
rgb(238,249,250)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #339ea2
A tone is produced by adding gray to any pure hue. In this case, #647071 is the less saturated color, while #02ccd3 is the most saturated one.
-
#647071
#647071
rgb(100,112,113)
-
#5c7879
#5c7879
rgb(92,120,121)
-
#548081
#548081
rgb(84,128,129)
-
#4c8789
#4c8789
rgb(76,135,137)
-
#438f92
#438f92
rgb(67,143,146)
-
#3b969a
#3b969a
rgb(59,150,154)
-
#339ea2
#339ea2
rgb(51,158,162)
-
#2ba6aa
#2ba6aa
rgb(43,166,170)
-
#23adb2
#23adb2
rgb(35,173,178)
-
#1ab5bb
#1ab5bb
rgb(26,181,187)
-
#12bcc3
#12bcc3
rgb(18,188,195)
-
#0ac4cb
#0ac4cb
rgb(10,196,203)
-
#02ccd3
#02ccd3
rgb(2,204,211)
Color Blindness Simulator
Below, you can see how #339ea2 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.