#3684f7 Color Information
In a RGB color space, hex #3684f7 is composed of 21.2% red, 51.8% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 46.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 215.8 degrees, a saturation of 92.3% and a lightness of 59%. #3684f7 color hex could be obtained by blending #6cffff with #0009ef. Closest websafe color is: #3399ff.
-
- R 21
- G 52
- B 97
-
- C 78
- M 47
- Y 0
- K 3
● #3684f7 color description : Bright blue.
#3684f7 Color Conversion
The hexadecimal color #3684f7 has RGB values of R:54, G:132, B:247 and CMYK values of C:0.78, M:0.47, Y:0, K:0.03. Its decimal value is 3572983.
Hex triplet | 3684f7 | #3684f7 |
---|---|---|
RGB Decimal | 54, 132, 247 | rgb(54,132,247) |
RGB Percent | 21.2, 51.8, 96.9 | rgb(21.2%,51.8%,96.9%) |
CMYK | 78, 47, 0, 3 | |
HSL | 215.8°, 92.3, 59 | hsl(215.8,92.3%,59%) |
HSV (or HSB) | 215.8°, 78.1, 96.9 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 56.088, 16.154, -64.254 |
---|---|
XYZ | 26.557, 24, 91.223 |
xyY | 0.187, 0.169, 24 |
CIE-LCH | 56.088, 66.254, 284.112 |
CIE-LUV | 56.088, -26.936, -102.937 |
Hunter-Lab | 48.99, 11.032, -76.11 |
Binary | 00110110, 10000100, 11110111 |
Color Schemes with #3684f7
Alternatives to #3684f7
Below, you can see some colors close to #3684f7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3684f7 Preview
This text has a font color of #3684f7.
<span style="color:#3684f7;">Text here</span>
This paragraph has a background color of #3684f7.
<p style="background-color:#3684f7;">Content here</p>
This element has a border color of #3684f7.
<div style="border:1px solid #3684f7;">Content here</div>
.text {color:#3684f7;}
.background {background-color:#3684f7;}
.border {border:1px solid #3684f7;}
Shades and Tints of #3684f7
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, #000307 is the darkest color, while #f3f7ff is the lightest one.
-
#000307
#000307
rgb(0,3,7)
-
#010b19
#010b19
rgb(1,11,25)
-
#02132c
#02132c
rgb(2,19,44)
-
#031b3f
#031b3f
rgb(3,27,63)
-
#032352
#032352
rgb(3,35,82)
-
#042b65
#042b65
rgb(4,43,101)
-
#053378
#053378
rgb(5,51,120)
-
#063b8b
#063b8b
rgb(6,59,139)
-
#06439d
#06439d
rgb(6,67,157)
-
#074bb0
#074bb0
rgb(7,75,176)
-
#0853c3
#0853c3
rgb(8,83,195)
-
#095cd6
#095cd6
rgb(9,92,214)
-
#0964e9
#0964e9
rgb(9,100,233)
-
#106df5
#106df5
rgb(16,109,245)
-
#2378f6
#2378f6
rgb(35,120,246)
-
#3684f7
#3684f7
rgb(54,132,247)
-
#4990f8
#4990f8
rgb(73,144,248)
-
#5c9bf9
#5c9bf9
rgb(92,155,249)
-
#6fa7f9
#6fa7f9
rgb(111,167,249)
-
#81b2fa
#81b2fa
rgb(129,178,250)
-
#94befb
#94befb
rgb(148,190,251)
-
#a7c9fc
#a7c9fc
rgb(167,201,252)
-
#bad5fc
#bad5fc
rgb(186,213,252)
-
#cde0fd
#cde0fd
rgb(205,224,253)
-
#e0ecfe
#e0ecfe
rgb(224,236,254)
-
#f3f7ff
#f3f7ff
rgb(243,247,255)
Tones of #3684f7
A tone is produced by adding gray to any pure hue. In this case, #969697 is the less saturated color, while #3684f7 is the most saturated one.
-
#969697
#969697
rgb(150,150,151)
-
#8e959f
#8e959f
rgb(142,149,159)
-
#8693a7
#8693a7
rgb(134,147,167)
-
#7e92af
#7e92af
rgb(126,146,175)
-
#7690b7
#7690b7
rgb(118,144,183)
-
#6e8fbf
#6e8fbf
rgb(110,143,191)
-
#668dc7
#668dc7
rgb(102,141,199)
-
#5e8ccf
#5e8ccf
rgb(94,140,207)
-
#568ad7
#568ad7
rgb(86,138,215)
-
#4e89df
#4e89df
rgb(78,137,223)
-
#4687e7
#4687e7
rgb(70,135,231)
-
#3e86ef
#3e86ef
rgb(62,134,239)
-
#3684f7
#3684f7
rgb(54,132,247)
Color Blindness Simulator
Below, you can see how #3684f7 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.