#3682f6 Color Information
In a RGB color space, hex #3682f6 is composed of 21.2% red, 51% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 47.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 216.3 degrees, a saturation of 91.4% and a lightness of 58.8%. #3682f6 color hex could be obtained by blending #6cffff with #0005ed. Closest websafe color is: #3399ff.
-
- R 21
- G 51
- B 96
-
- C 78
- M 47
- Y 0
- K 4
● #3682f6 color description : Bright blue.
#3682f6 Color Conversion
The hexadecimal color #3682f6 has RGB values of R:54, G:130, B:246 and CMYK values of C:0.78, M:0.47, Y:0, K:0.04. Its decimal value is 3572470.
Hex triplet | 3682f6 | #3682f6 |
---|---|---|
RGB Decimal | 54, 130, 246 | rgb(54,130,246) |
RGB Percent | 21.2, 51, 96.5 | rgb(21.2%,51%,96.5%) |
CMYK | 78, 47, 0, 4 | |
HSL | 216.3°, 91.4, 58.8 | hsl(216.3,91.4%,58.8%) |
HSV (or HSB) | 216.3°, 78, 96.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 55.483, 17.017, -64.674 |
---|---|
XYZ | 26.135, 23.401, 90.323 |
xyY | 0.187, 0.167, 23.401 |
CIE-LCH | 55.483, 66.876, 284.742 |
CIE-LUV | 55.483, -26.359, -103.418 |
Hunter-Lab | 48.375, 11.78, -76.841 |
Binary | 00110110, 10000010, 11110110 |
Color Schemes with #3682f6
Alternatives to #3682f6
Below, you can see some colors close to #3682f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3682f6 Preview
This text has a font color of #3682f6.
<span style="color:#3682f6;">Text here</span>
This paragraph has a background color of #3682f6.
<p style="background-color:#3682f6;">Content here</p>
This element has a border color of #3682f6.
<div style="border:1px solid #3682f6;">Content here</div>
.text {color:#3682f6;}
.background {background-color:#3682f6;}
.border {border:1px solid #3682f6;}
Shades and Tints of #3682f6
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, #000206 is the darkest color, while #f2f7fe is the lightest one.
-
#000206
#000206
rgb(0,2,6)
-
#010a18
#010a18
rgb(1,10,24)
-
#02122b
#02122b
rgb(2,18,43)
-
#031a3e
#031a3e
rgb(3,26,62)
-
#042251
#042251
rgb(4,34,81)
-
#042a63
#042a63
rgb(4,42,99)
-
#053276
#053276
rgb(5,50,118)
-
#063a89
#063a89
rgb(6,58,137)
-
#07429c
#07429c
rgb(7,66,156)
-
#084aae
#084aae
rgb(8,74,174)
-
#0952c1
#0952c1
rgb(9,82,193)
-
#095ad4
#095ad4
rgb(9,90,212)
-
#0a62e7
#0a62e7
rgb(10,98,231)
-
#106bf4
#106bf4
rgb(16,107,244)
-
#2376f5
#2376f5
rgb(35,118,245)
-
#3682f6
#3682f6
rgb(54,130,246)
-
#498ef7
#498ef7
rgb(73,142,247)
-
#5c99f8
#5c99f8
rgb(92,153,248)
-
#6ea5f9
#6ea5f9
rgb(110,165,249)
-
#81b1f9
#81b1f9
rgb(129,177,249)
-
#94bcfa
#94bcfa
rgb(148,188,250)
-
#a7c8fb
#a7c8fb
rgb(167,200,251)
-
#b9d4fc
#b9d4fc
rgb(185,212,252)
-
#ccdffd
#ccdffd
rgb(204,223,253)
-
#dfebfe
#dfebfe
rgb(223,235,254)
-
#f2f7fe
#f2f7fe
rgb(242,247,254)
Tones of #3682f6
A tone is produced by adding gray to any pure hue. In this case, #8f959d is the less saturated color, while #2e80fe is the most saturated one.
-
#8f959d
#8f959d
rgb(143,149,157)
-
#8793a5
#8793a5
rgb(135,147,165)
-
#7f91ad
#7f91ad
rgb(127,145,173)
-
#778fb5
#778fb5
rgb(119,143,181)
-
#6f8ebd
#6f8ebd
rgb(111,142,189)
-
#668cc6
#668cc6
rgb(102,140,198)
-
#5e8ace
#5e8ace
rgb(94,138,206)
-
#5689d6
#5689d6
rgb(86,137,214)
-
#4e87de
#4e87de
rgb(78,135,222)
-
#4685e6
#4685e6
rgb(70,133,230)
-
#3e84ee
#3e84ee
rgb(62,132,238)
-
#3682f6
#3682f6
rgb(54,130,246)
-
#2e80fe
#2e80fe
rgb(46,128,254)
Color Blindness Simulator
Below, you can see how #3682f6 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.