#3396c1 Color Information
In a RGB color space, hex #3396c1 is composed of 20% red, 58.8% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 73.6% cyan, 22.3% magenta, 0% yellow and 24.3% black. It has a hue angle of 198.2 degrees, a saturation of 58.2% and a lightness of 47.8%. #3396c1 color hex could be obtained by blending #66ffff with #002d83. Closest websafe color is: #3399cc.
-
- R 20
- G 59
- B 76
-
- C 74
- M 22
- Y 0
- K 24
● #3396c1 color description : Moderate blue.
#3396c1 Color Conversion
The hexadecimal color #3396c1 has RGB values of R:51, G:150, B:193 and CMYK values of C:0.74, M:0.22, Y:0, K:0.24. Its decimal value is 3380929.
Hex triplet | 3396c1 | #3396c1 |
---|---|---|
RGB Decimal | 51, 150, 193 | rgb(51,150,193) |
RGB Percent | 20, 58.8, 75.7 | rgb(20%,58.8%,75.7%) |
CMYK | 74, 22, 0, 24 | |
HSL | 198.2°, 58.2, 47.8 | hsl(198.2,58.2%,47.8%) |
HSV (or HSB) | 198.2°, 73.6, 75.7 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 58.382, -14.106, -30.44 |
---|---|
XYZ | 21.895, 26.365, 54.384 |
xyY | 0.213, 0.257, 26.365 |
CIE-LCH | 58.382, 33.55, 245.136 |
CIE-LUV | 58.382, -35.654, -45.229 |
Hunter-Lab | 51.347, -13.743, -26.855 |
Binary | 00110011, 10010110, 11000001 |
Color Schemes with #3396c1
Alternatives to #3396c1
Below, you can see some colors close to #3396c1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3396c1 Preview
This text has a font color of #3396c1.
<span style="color:#3396c1;">Text here</span>
This paragraph has a background color of #3396c1.
<p style="background-color:#3396c1;">Content here</p>
This element has a border color of #3396c1.
<div style="border:1px solid #3396c1;">Content here</div>
.text {color:#3396c1;}
.background {background-color:#3396c1;}
.border {border:1px solid #3396c1;}
Shades and Tints of #3396c1
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, #020507 is the darkest color, while #f6fbfd is the lightest one.
-
#020507
#020507
rgb(2,5,7)
-
#061116
#061116
rgb(6,17,22)
-
#0a1d26
#0a1d26
rgb(10,29,38)
-
#0e2935
#0e2935
rgb(14,41,53)
-
#123645
#123645
rgb(18,54,69)
-
#164254
#164254
rgb(22,66,84)
-
#1a4e64
#1a4e64
rgb(26,78,100)
-
#1f5a73
#1f5a73
rgb(31,90,115)
-
#236683
#236683
rgb(35,102,131)
-
#277292
#277292
rgb(39,114,146)
-
#2b7ea2
#2b7ea2
rgb(43,126,162)
-
#2f8ab1
#2f8ab1
rgb(47,138,177)
-
#3396c1
#3396c1
rgb(51,150,193)
-
#3ca0cc
#3ca0cc
rgb(60,160,204)
-
#4ca8d0
#4ca8d0
rgb(76,168,208)
-
#5bafd4
#5bafd4
rgb(91,175,212)
-
#6bb7d8
#6bb7d8
rgb(107,183,216)
-
#7abedc
#7abedc
rgb(122,190,220)
-
#8ac6e0
#8ac6e0
rgb(138,198,224)
-
#99cde4
#99cde4
rgb(153,205,228)
-
#a9d5e8
#a9d5e8
rgb(169,213,232)
-
#b8ddec
#b8ddec
rgb(184,221,236)
-
#c8e4f0
#c8e4f0
rgb(200,228,240)
-
#d7ecf5
#d7ecf5
rgb(215,236,245)
-
#e7f3f9
#e7f3f9
rgb(231,243,249)
-
#f6fbfd
#f6fbfd
rgb(246,251,253)
Tones of #3396c1
A tone is produced by adding gray to any pure hue. In this case, #757c7f is the less saturated color, while #04a9f0 is the most saturated one.
-
#757c7f
#757c7f
rgb(117,124,127)
-
#6b8089
#6b8089
rgb(107,128,137)
-
#628392
#628392
rgb(98,131,146)
-
#59879b
#59879b
rgb(89,135,155)
-
#4f8ba5
#4f8ba5
rgb(79,139,165)
-
#468fae
#468fae
rgb(70,143,174)
-
#3c92b8
#3c92b8
rgb(60,146,184)
-
#3396c1
#3396c1
rgb(51,150,193)
-
#2a9aca
#2a9aca
rgb(42,154,202)
-
#209dd4
#209dd4
rgb(32,157,212)
-
#17a1dd
#17a1dd
rgb(23,161,221)
-
#0da5e7
#0da5e7
rgb(13,165,231)
-
#04a9f0
#04a9f0
rgb(4,169,240)
Color Blindness Simulator
Below, you can see how #3396c1 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.