#339ec2 Color Information
In a RGB color space, hex #339ec2 is composed of 20% red, 62% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 18.6% magenta, 0% yellow and 23.9% black. It has a hue angle of 195.1 degrees, a saturation of 58.4% and a lightness of 48%. #339ec2 color hex could be obtained by blending #66ffff with #003d85. Closest websafe color is: #3399cc.
-
- R 20
- G 62
- B 76
-
- C 74
- M 19
- Y 0
- K 24
● #339ec2 color description : Moderate blue.
#339ec2 Color Conversion
The hexadecimal color #339ec2 has RGB values of R:51, G:158, B:194 and CMYK values of C:0.74, M:0.19, Y:0, K:0.24. Its decimal value is 3382978.
Hex triplet | 339ec2 | #339ec2 |
---|---|---|
RGB Decimal | 51, 158, 194 | rgb(51,158,194) |
RGB Percent | 20, 62, 76.1 | rgb(20%,62%,76.1%) |
CMYK | 74, 19, 0, 24 | |
HSL | 195.1°, 58.4, 48 | hsl(195.1,58.4%,48%) |
HSV (or HSB) | 195.1°, 73.7, 76.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 60.826, -18.099, -27.221 |
---|---|
XYZ | 23.327, 29.051, 55.414 |
xyY | 0.216, 0.27, 29.051 |
CIE-LCH | 60.826, 32.689, 236.379 |
CIE-LUV | 60.826, -38.449, -39.717 |
Hunter-Lab | 53.899, -17.068, -23.228 |
Binary | 00110011, 10011110, 11000010 |
Color Schemes with #339ec2
Alternatives to #339ec2
Below, you can see some colors close to #339ec2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#339ec2 Preview
This text has a font color of #339ec2.
<span style="color:#339ec2;">Text here</span>
This paragraph has a background color of #339ec2.
<p style="background-color:#339ec2;">Content here</p>
This element has a border color of #339ec2.
<div style="border:1px solid #339ec2;">Content here</div>
.text {color:#339ec2;}
.background {background-color:#339ec2;}
.border {border:1px solid #339ec2;}
Shades and Tints of #339ec2
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, #020608 is the darkest color, while #f7fbfd is the lightest one.
-
#020608
#020608
rgb(2,6,8)
-
#061317
#061317
rgb(6,19,23)
-
#0a2027
#0a2027
rgb(10,32,39)
-
#0e2c36
#0e2c36
rgb(14,44,54)
-
#123946
#123946
rgb(18,57,70)
-
#164555
#164555
rgb(22,69,85)
-
#1b5265
#1b5265
rgb(27,82,101)
-
#1f5f74
#1f5f74
rgb(31,95,116)
-
#236b84
#236b84
rgb(35,107,132)
-
#277893
#277893
rgb(39,120,147)
-
#2b85a3
#2b85a3
rgb(43,133,163)
-
#2f91b2
#2f91b2
rgb(47,145,178)
-
#339ec2
#339ec2
rgb(51,158,194)
-
#3da8cc
#3da8cc
rgb(61,168,204)
-
#4cafd0
#4cafd0
rgb(76,175,208)
-
#5cb6d4
#5cb6d4
rgb(92,182,212)
-
#6bbdd8
#6bbdd8
rgb(107,189,216)
-
#7bc4dc
#7bc4dc
rgb(123,196,220)
-
#8acbe0
#8acbe0
rgb(138,203,224)
-
#9ad2e4
#9ad2e4
rgb(154,210,228)
-
#a9d9e9
#a9d9e9
rgb(169,217,233)
-
#b9e0ed
#b9e0ed
rgb(185,224,237)
-
#c8e7f1
#c8e7f1
rgb(200,231,241)
-
#d8eef5
#d8eef5
rgb(216,238,245)
-
#e8f4f9
#e8f4f9
rgb(232,244,249)
-
#f7fbfd
#f7fbfd
rgb(247,251,253)
Tones of #339ec2
A tone is produced by adding gray to any pure hue. In this case, #757d80 is the less saturated color, while #04b5f1 is the most saturated one.
-
#757d80
#757d80
rgb(117,125,128)
-
#6c8289
#6c8289
rgb(108,130,137)
-
#628793
#628793
rgb(98,135,147)
-
#598b9c
#598b9c
rgb(89,139,156)
-
#4f90a6
#4f90a6
rgb(79,144,166)
-
#4695af
#4695af
rgb(70,149,175)
-
#3c99b9
#3c99b9
rgb(60,153,185)
-
#339ec2
#339ec2
rgb(51,158,194)
-
#2aa3cb
#2aa3cb
rgb(42,163,203)
-
#20a7d5
#20a7d5
rgb(32,167,213)
-
#17acde
#17acde
rgb(23,172,222)
-
#0db1e8
#0db1e8
rgb(13,177,232)
-
#04b5f1
#04b5f1
rgb(4,181,241)
Color Blindness Simulator
Below, you can see how #339ec2 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.