#339ed1 Color Information
In a RGB color space, hex #339ed1 is composed of 20% red, 62% green and 82% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 24.4% magenta, 0% yellow and 18% black. It has a hue angle of 199.4 degrees, a saturation of 63.2% and a lightness of 51%. #339ed1 color hex could be obtained by blending #66ffff with #003da3. Closest websafe color is: #3399cc.
-
- R 20
- G 62
- B 82
-
- C 76
- M 24
- Y 0
- K 18
● #339ed1 color description : Strong blue.
#339ed1 Color Conversion
The hexadecimal color #339ed1 has RGB values of R:51, G:158, B:209 and CMYK values of C:0.76, M:0.24, Y:0, K:0.18. Its decimal value is 3382993.
Hex triplet | 339ed1 | #339ed1 |
---|---|---|
RGB Decimal | 51, 158, 209 | rgb(51,158,209) |
RGB Percent | 20, 62, 82 | rgb(20%,62%,82%) |
CMYK | 76, 24, 0, 18 | |
HSL | 199.4°, 63.2, 51 | hsl(199.4,63.2%,51%) |
HSV (or HSB) | 199.4°, 75.6, 82 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 61.446, -13.041, -34.65 |
---|---|
XYZ | 25.098, 29.759, 64.739 |
xyY | 0.21, 0.249, 29.759 |
CIE-LCH | 61.446, 37.023, 249.376 |
CIE-LUV | 61.446, -37.57, -52.727 |
Hunter-Lab | 54.552, -13.342, -32.177 |
Binary | 00110011, 10011110, 11010001 |
Color Schemes with #339ed1
Alternatives to #339ed1
Below, you can see some colors close to #339ed1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#339ed1 Preview
This text has a font color of #339ed1.
<span style="color:#339ed1;">Text here</span>
This paragraph has a background color of #339ed1.
<p style="background-color:#339ed1;">Content here</p>
This element has a border color of #339ed1.
<div style="border:1px solid #339ed1;">Content here</div>
.text {color:#339ed1;}
.background {background-color:#339ed1;}
.border {border:1px solid #339ed1;}
Shades and Tints of #339ed1
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, #010304 is the darkest color, while #f3f9fc is the lightest one.
-
#010304
#010304
rgb(1,3,4)
-
#050f14
#050f14
rgb(5,15,20)
-
#081b24
#081b24
rgb(8,27,36)
-
#0c2734
#0c2734
rgb(12,39,52)
-
#0f3344
#0f3344
rgb(15,51,68)
-
#133f54
#133f54
rgb(19,63,84)
-
#174b64
#174b64
rgb(23,75,100)
-
#1a5774
#1a5774
rgb(26,87,116)
-
#1e6384
#1e6384
rgb(30,99,132)
-
#216f94
#216f94
rgb(33,111,148)
-
#257ba4
#257ba4
rgb(37,123,164)
-
#2987b4
#2987b4
rgb(41,135,180)
-
#2c93c4
#2c93c4
rgb(44,147,196)
-
#339ed1
#339ed1
rgb(51,158,209)
-
#43a6d5
#43a6d5
rgb(67,166,213)
-
#53add8
#53add8
rgb(83,173,216)
-
#63b5dc
#63b5dc
rgb(99,181,220)
-
#73bcdf
#73bcdf
rgb(115,188,223)
-
#83c4e3
#83c4e3
rgb(131,196,227)
-
#93cce7
#93cce7
rgb(147,204,231)
-
#a3d3ea
#a3d3ea
rgb(163,211,234)
-
#b3dbee
#b3dbee
rgb(179,219,238)
-
#c3e2f1
#c3e2f1
rgb(195,226,241)
-
#d3eaf5
#d3eaf5
rgb(211,234,245)
-
#e3f2f9
#e3f2f9
rgb(227,242,249)
-
#f3f9fc
#f3f9fc
rgb(243,249,252)
Tones of #339ed1
A tone is produced by adding gray to any pure hue. In this case, #808384 is the less saturated color, while #0dacf7 is the most saturated one.
-
#808384
#808384
rgb(128,131,132)
-
#76868e
#76868e
rgb(118,134,142)
-
#6d8a97
#6d8a97
rgb(109,138,151)
-
#638da1
#638da1
rgb(99,141,161)
-
#5990ab
#5990ab
rgb(89,144,171)
-
#5094b4
#5094b4
rgb(80,148,180)
-
#4697be
#4697be
rgb(70,151,190)
-
#3d9bc7
#3d9bc7
rgb(61,155,199)
-
#339ed1
#339ed1
rgb(51,158,209)
-
#29a1db
#29a1db
rgb(41,161,219)
-
#20a5e4
#20a5e4
rgb(32,165,228)
-
#16a8ee
#16a8ee
rgb(22,168,238)
-
#0dacf7
#0dacf7
rgb(13,172,247)
Color Blindness Simulator
Below, you can see how #339ed1 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.