#3686c1 Color Information
In a RGB color space, hex #3686c1 is composed of 21.2% red, 52.5% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 30.6% magenta, 0% yellow and 24.3% black. It has a hue angle of 205.5 degrees, a saturation of 56.3% and a lightness of 48.4%. #3686c1 color hex could be obtained by blending #6cffff with #000d83. Closest websafe color is: #3399cc.
-
- R 21
- G 53
- B 76
-
- C 72
- M 31
- Y 0
- K 24
● #3686c1 color description : Moderate blue.
#3686c1 Color Conversion
The hexadecimal color #3686c1 has RGB values of R:54, G:134, B:193 and CMYK values of C:0.72, M:0.31, Y:0, K:0.24. Its decimal value is 3573441.
Hex triplet | 3686c1 | #3686c1 |
---|---|---|
RGB Decimal | 54, 134, 193 | rgb(54,134,193) |
RGB Percent | 21.2, 52.5, 75.7 | rgb(21.2%,52.5%,75.7%) |
CMYK | 72, 31, 0, 24 | |
HSL | 205.5°, 56.3, 48.4 | hsl(205.5,56.3%,48.4%) |
HSV (or HSB) | 205.5°, 72, 75.7 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 53.689, -4.635, -37.762 |
---|---|
XYZ | 19.67, 21.683, 53.598 |
xyY | 0.207, 0.228, 21.683 |
CIE-LCH | 53.689, 38.045, 263.002 |
CIE-LUV | 53.689, -29.495, -57.544 |
Hunter-Lab | 46.565, -6.088, -35.649 |
Binary | 00110110, 10000110, 11000001 |
Color Schemes with #3686c1
Alternatives to #3686c1
Below, you can see some colors close to #3686c1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3686c1 Preview
This text has a font color of #3686c1.
<span style="color:#3686c1;">Text here</span>
This paragraph has a background color of #3686c1.
<p style="background-color:#3686c1;">Content here</p>
This element has a border color of #3686c1.
<div style="border:1px solid #3686c1;">Content here</div>
.text {color:#3686c1;}
.background {background-color:#3686c1;}
.border {border:1px solid #3686c1;}
Shades and Tints of #3686c1
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, #030609 is the darkest color, while #f9fbfd is the lightest one.
-
#030609
#030609
rgb(3,6,9)
-
#071118
#071118
rgb(7,17,24)
-
#0b1c28
#0b1c28
rgb(11,28,40)
-
#0f2637
#0f2637
rgb(15,38,55)
-
#143146
#143146
rgb(20,49,70)
-
#183c56
#183c56
rgb(24,60,86)
-
#1c4665
#1c4665
rgb(28,70,101)
-
#215174
#215174
rgb(33,81,116)
-
#255b84
#255b84
rgb(37,91,132)
-
#296693
#296693
rgb(41,102,147)
-
#2d71a2
#2d71a2
rgb(45,113,162)
-
#327bb2
#327bb2
rgb(50,123,178)
-
#3686c1
#3686c1
rgb(54,134,193)
-
#4190ca
#4190ca
rgb(65,144,202)
-
#5099ce
#5099ce
rgb(80,153,206)
-
#5fa2d2
#5fa2d2
rgb(95,162,210)
-
#6fabd7
#6fabd7
rgb(111,171,215)
-
#7eb4db
#7eb4db
rgb(126,180,219)
-
#8dbddf
#8dbddf
rgb(141,189,223)
-
#9dc5e4
#9dc5e4
rgb(157,197,228)
-
#accee8
#accee8
rgb(172,206,232)
-
#bbd7ec
#bbd7ec
rgb(187,215,236)
-
#cbe0f0
#cbe0f0
rgb(203,224,240)
-
#dae9f5
#dae9f5
rgb(218,233,245)
-
#e9f2f9
#e9f2f9
rgb(233,242,249)
-
#f9fbfd
#f9fbfd
rgb(249,251,253)
Tones of #3686c1
A tone is produced by adding gray to any pure hue. In this case, #797c7f is the less saturated color, while #078df1 is the most saturated one.
-
#797c7f
#797c7f
rgb(121,124,127)
-
#6f7d88
#6f7d88
rgb(111,125,136)
-
#667f92
#667f92
rgb(102,127,146)
-
#5c809b
#5c809b
rgb(92,128,155)
-
#5382a5
#5382a5
rgb(83,130,165)
-
#4983ae
#4983ae
rgb(73,131,174)
-
#4085b8
#4085b8
rgb(64,133,184)
-
#3686c1
#3686c1
rgb(54,134,193)
-
#2d87cb
#2d87cb
rgb(45,135,203)
-
#2389d4
#2389d4
rgb(35,137,212)
-
#1a8ade
#1a8ade
rgb(26,138,222)
-
#108ce7
#108ce7
rgb(16,140,231)
-
#078df1
#078df1
rgb(7,141,241)
Color Blindness Simulator
Below, you can see how #3686c1 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.