#3686e8 Color Information
In a RGB color space, hex #3686e8 is composed of 21.2% red, 52.5% green and 91% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 42.2% magenta, 0% yellow and 9% black. It has a hue angle of 213 degrees, a saturation of 79.5% and a lightness of 56.1%. #3686e8 color hex could be obtained by blending #6cffff with #000dd1. Closest websafe color is: #3399ff.
-
- R 21
- G 53
- B 91
-
- C 77
- M 42
- Y 0
- K 9
● #3686e8 color description : Bright blue.
#3686e8 Color Conversion
The hexadecimal color #3686e8 has RGB values of R:54, G:134, B:232 and CMYK values of C:0.77, M:0.42, Y:0, K:0.09. Its decimal value is 3573480.
Hex triplet | 3686e8 | #3686e8 |
---|---|---|
RGB Decimal | 54, 134, 232 | rgb(54,134,232) |
RGB Percent | 21.2, 52.5, 91 | rgb(21.2%,52.5%,91%) |
CMYK | 77, 42, 0, 9 | |
HSL | 213°, 79.5, 56.1 | hsl(213,79.5%,56.1%) |
HSV (or HSB) | 213°, 76.7, 91 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 55.744, 9.435, -56.479 |
---|---|
XYZ | 24.609, 23.659, 79.609 |
xyY | 0.192, 0.185, 23.659 |
CIE-LCH | 55.744, 57.262, 279.484 |
CIE-LUV | 55.744, -28.003, -89.837 |
Hunter-Lab | 48.64, 5.188, -62.991 |
Binary | 00110110, 10000110, 11101000 |
Color Schemes with #3686e8
Alternatives to #3686e8
Below, you can see some colors close to #3686e8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3686e8 Preview
This text has a font color of #3686e8.
<span style="color:#3686e8;">Text here</span>
This paragraph has a background color of #3686e8.
<p style="background-color:#3686e8;">Content here</p>
This element has a border color of #3686e8.
<div style="border:1px solid #3686e8;">Content here</div>
.text {color:#3686e8;}
.background {background-color:#3686e8;}
.border {border:1px solid #3686e8;}
Shades and Tints of #3686e8
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, #01050a is the darkest color, while #f8fbfe is the lightest one.
-
#01050a
#01050a
rgb(1,5,10)
-
#030e1c
#030e1c
rgb(3,14,28)
-
#05172d
#05172d
rgb(5,23,45)
-
#07203f
#07203f
rgb(7,32,63)
-
#092951
#092951
rgb(9,41,81)
-
#0b3262
#0b3262
rgb(11,50,98)
-
#0d3b74
#0d3b74
rgb(13,59,116)
-
#0f4485
#0f4485
rgb(15,68,133)
-
#114d97
#114d97
rgb(17,77,151)
-
#1356a9
#1356a9
rgb(19,86,169)
-
#155fba
#155fba
rgb(21,95,186)
-
#1768cc
#1768cc
rgb(23,104,204)
-
#1971dd
#1971dd
rgb(25,113,221)
-
#247be6
#247be6
rgb(36,123,230)
-
#3686e8
#3686e8
rgb(54,134,232)
-
#4891ea
#4891ea
rgb(72,145,234)
-
#599bec
#599bec
rgb(89,155,236)
-
#6ba6ee
#6ba6ee
rgb(107,166,238)
-
#7cb0f0
#7cb0f0
rgb(124,176,240)
-
#8ebbf2
#8ebbf2
rgb(142,187,242)
-
#a0c6f4
#a0c6f4
rgb(160,198,244)
-
#b1d0f6
#b1d0f6
rgb(177,208,246)
-
#c3dbf8
#c3dbf8
rgb(195,219,248)
-
#d4e5fa
#d4e5fa
rgb(212,229,250)
-
#e6f0fc
#e6f0fc
rgb(230,240,252)
-
#f8fbfe
#f8fbfe
rgb(248,251,254)
Tones of #3686e8
A tone is produced by adding gray to any pure hue. In this case, #8c8f92 is the less saturated color, while #2584f9 is the most saturated one.
-
#8c8f92
#8c8f92
rgb(140,143,146)
-
#848e9a
#848e9a
rgb(132,142,154)
-
#7b8da3
#7b8da3
rgb(123,141,163)
-
#728cac
#728cac
rgb(114,140,172)
-
#6a8bb4
#6a8bb4
rgb(106,139,180)
-
#618abd
#618abd
rgb(97,138,189)
-
#5889c6
#5889c6
rgb(88,137,198)
-
#5089ce
#5089ce
rgb(80,137,206)
-
#4788d7
#4788d7
rgb(71,136,215)
-
#3f87df
#3f87df
rgb(63,135,223)
-
#3686e8
#3686e8
rgb(54,134,232)
-
#2d85f1
#2d85f1
rgb(45,133,241)
-
#2584f9
#2584f9
rgb(37,132,249)
Color Blindness Simulator
Below, you can see how #3686e8 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.