#3686df Color Information
In a RGB color space, hex #3686df is composed of 21.2% red, 52.5% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 75.8% cyan, 39.9% magenta, 0% yellow and 12.5% black. It has a hue angle of 211.6 degrees, a saturation of 72.5% and a lightness of 54.3%. #3686df color hex could be obtained by blending #6cffff with #000dbf. Closest websafe color is: #3399cc.
-
- R 21
- G 53
- B 87
-
- C 76
- M 40
- Y 0
- K 13
● #3686df color description : Bright blue.
#3686df Color Conversion
The hexadecimal color #3686df has RGB values of R:54, G:134, B:223 and CMYK values of C:0.76, M:0.4, Y:0, K:0.13. Its decimal value is 3573471.
Hex triplet | 3686df | #3686df |
---|---|---|
RGB Decimal | 54, 134, 223 | rgb(54,134,223) |
RGB Percent | 21.2, 52.5, 87.5 | rgb(21.2%,52.5%,87.5%) |
CMYK | 76, 40, 0, 13 | |
HSL | 211.6°, 72.5, 54.3 | hsl(211.6,72.5%,54.3%) |
HSV (or HSB) | 211.6°, 75.8, 87.5 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 55.237, 6.15, -52.261 |
---|---|
XYZ | 23.363, 23.16, 73.047 |
xyY | 0.195, 0.194, 23.16 |
CIE-LCH | 55.237, 52.621, 276.712 |
CIE-LUV | 55.237, -28.31, -82.571 |
Hunter-Lab | 48.125, 2.435, -56.306 |
Binary | 00110110, 10000110, 11011111 |
Color Schemes with #3686df
Alternatives to #3686df
Below, you can see some colors close to #3686df. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3686df Preview
This text has a font color of #3686df.
<span style="color:#3686df;">Text here</span>
This paragraph has a background color of #3686df.
<p style="background-color:#3686df;">Content here</p>
This element has a border color of #3686df.
<div style="border:1px solid #3686df;">Content here</div>
.text {color:#3686df;}
.background {background-color:#3686df;}
.border {border:1px solid #3686df;}
Shades and Tints of #3686df
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, #000102 is the darkest color, while #f0f6fd is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#030b13
#030b13
rgb(3,11,19)
-
#061424
#061424
rgb(6,20,36)
-
#081d35
#081d35
rgb(8,29,53)
-
#0b2746
#0b2746
rgb(11,39,70)
-
#0e3057
#0e3057
rgb(14,48,87)
-
#103a68
#103a68
rgb(16,58,104)
-
#134379
#134379
rgb(19,67,121)
-
#164d89
#164d89
rgb(22,77,137)
-
#19569a
#19569a
rgb(25,86,154)
-
#1b5fab
#1b5fab
rgb(27,95,171)
-
#1e69bc
#1e69bc
rgb(30,105,188)
-
#2172cd
#2172cd
rgb(33,114,205)
-
#257cdc
#257cdc
rgb(37,124,220)
-
#3686df
#3686df
rgb(54,134,223)
-
#4790e2
#4790e2
rgb(71,144,226)
-
#589ae4
#589ae4
rgb(88,154,228)
-
#69a5e7
#69a5e7
rgb(105,165,231)
-
#7aafea
#7aafea
rgb(122,175,234)
-
#8bb9ec
#8bb9ec
rgb(139,185,236)
-
#9cc3ef
#9cc3ef
rgb(156,195,239)
-
#accdf2
#accdf2
rgb(172,205,242)
-
#bdd7f5
#bdd7f5
rgb(189,215,245)
-
#cee2f7
#cee2f7
rgb(206,226,247)
-
#dfecfa
#dfecfa
rgb(223,236,250)
-
#f0f6fd
#f0f6fd
rgb(240,246,253)
Tones of #3686df
A tone is produced by adding gray to any pure hue. In this case, #878a8e is the less saturated color, while #1b85fa is the most saturated one.
-
#878a8e
#878a8e
rgb(135,138,142)
-
#7e8a97
#7e8a97
rgb(126,138,151)
-
#7589a0
#7589a0
rgb(117,137,160)
-
#6c89a9
#6c89a9
rgb(108,137,169)
-
#6388b2
#6388b2
rgb(99,136,178)
-
#5a88bb
#5a88bb
rgb(90,136,187)
-
#5187c4
#5187c4
rgb(81,135,196)
-
#4887cd
#4887cd
rgb(72,135,205)
-
#3f86d6
#3f86d6
rgb(63,134,214)
-
#3686df
#3686df
rgb(54,134,223)
-
#2d86e8
#2d86e8
rgb(45,134,232)
-
#2485f1
#2485f1
rgb(36,133,241)
-
#1b85fa
#1b85fa
rgb(27,133,250)
Color Blindness Simulator
Below, you can see how #3686df 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.