#3693f1 Color Information
In a RGB color space, hex #3693f1 is composed of 21.2% red, 57.6% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 39% magenta, 0% yellow and 5.5% black. It has a hue angle of 210.2 degrees, a saturation of 87% and a lightness of 57.8%. #3693f1 color hex could be obtained by blending #6cffff with #0027e3. Closest websafe color is: #3399ff.
-
- R 21
- G 58
- B 95
-
- C 78
- M 39
- Y 0
- K 5
● #3693f1 color description : Bright blue.
#3693f1 Color Conversion
The hexadecimal color #3693f1 has RGB values of R:54, G:147, B:241 and CMYK values of C:0.78, M:0.39, Y:0, K:0.05. Its decimal value is 3576817.
Hex triplet | 3693f1 | #3693f1 |
---|---|---|
RGB Decimal | 54, 147, 241 | rgb(54,147,241) |
RGB Percent | 21.2, 57.6, 94.5 | rgb(21.2%,57.6%,94.5%) |
CMYK | 78, 39, 0, 5 | |
HSL | 210.2°, 87, 57.8 | hsl(210.2,87%,57.8%) |
HSV (or HSB) | 210.2°, 77.6, 94.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 59.889, 4.904, -54.853 |
---|---|
XYZ | 27.829, 28, 87.152 |
xyY | 0.195, 0.196, 28 |
CIE-LCH | 59.889, 55.072, 275.109 |
CIE-LUV | 59.889, -31.845, -88.014 |
Hunter-Lab | 52.915, 1.273, -60.611 |
Binary | 00110110, 10010011, 11110001 |
Color Schemes with #3693f1
Alternatives to #3693f1
Below, you can see some colors close to #3693f1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3693f1 Preview
This text has a font color of #3693f1.
<span style="color:#3693f1;">Text here</span>
This paragraph has a background color of #3693f1.
<p style="background-color:#3693f1;">Content here</p>
This element has a border color of #3693f1.
<div style="border:1px solid #3693f1;">Content here</div>
.text {color:#3693f1;}
.background {background-color:#3693f1;}
.border {border:1px solid #3693f1;}
Shades and Tints of #3693f1
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, #000001 is the darkest color, while #edf6fe is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#010a13
#010a13
rgb(1,10,19)
-
#031425
#031425
rgb(3,20,37)
-
#041e38
#041e38
rgb(4,30,56)
-
#05274a
#05274a
rgb(5,39,74)
-
#06315c
#06315c
rgb(6,49,92)
-
#083b6f
#083b6f
rgb(8,59,111)
-
#094581
#094581
rgb(9,69,129)
-
#0a4e93
#0a4e93
rgb(10,78,147)
-
#0c58a6
#0c58a6
rgb(12,88,166)
-
#0d62b8
#0d62b8
rgb(13,98,184)
-
#0e6cca
#0e6cca
rgb(14,108,202)
-
#0f76dd
#0f76dd
rgb(15,118,221)
-
#117fee
#117fee
rgb(17,127,238)
-
#2489f0
#2489f0
rgb(36,137,240)
-
#3693f1
#3693f1
rgb(54,147,241)
-
#489df2
#489df2
rgb(72,157,242)
-
#5ba7f4
#5ba7f4
rgb(91,167,244)
-
#6db1f5
#6db1f5
rgb(109,177,245)
-
#7fbaf6
#7fbaf6
rgb(127,186,246)
-
#92c4f7
#92c4f7
rgb(146,196,247)
-
#a4cef9
#a4cef9
rgb(164,206,249)
-
#b6d8fa
#b6d8fa
rgb(182,216,250)
-
#c9e2fb
#c9e2fb
rgb(201,226,251)
-
#dbecfc
#dbecfc
rgb(219,236,252)
-
#edf6fe
#edf6fe
rgb(237,246,254)
Tones of #3693f1
A tone is produced by adding gray to any pure hue. In this case, #919396 is the less saturated color, while #2e93f9 is the most saturated one.
-
#919396
#919396
rgb(145,147,150)
-
#89939e
#89939e
rgb(137,147,158)
-
#8093a7
#8093a7
rgb(128,147,167)
-
#7893af
#7893af
rgb(120,147,175)
-
#7093b7
#7093b7
rgb(112,147,183)
-
#6893bf
#6893bf
rgb(104,147,191)
-
#5f93c8
#5f93c8
rgb(95,147,200)
-
#5793d0
#5793d0
rgb(87,147,208)
-
#4f93d8
#4f93d8
rgb(79,147,216)
-
#4793e0
#4793e0
rgb(71,147,224)
-
#3e93e9
#3e93e9
rgb(62,147,233)
-
#3693f1
#3693f1
rgb(54,147,241)
-
#2e93f9
#2e93f9
rgb(46,147,249)
Color Blindness Simulator
Below, you can see how #3693f1 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.