#3686e1 hex color

In a RGB color space, hex #3686e1 is composed of 21.2% red, 52.5% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 40.4% magenta, 0% yellow and 11.8% black. It has a hue angle of 211.9 degrees, a saturation of 74% and a lightness of 54.7%. #3686e1 color hex could be obtained by blending #6cffff with #000dc3. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 21
- G 53
- B 88
RGB color chart
- C 76
- M 40
- Y 0
- K 12
CMYK color chart

● #3686e1 color description : Bright blue.

The hexadecimal color #3686e1 has RGB values of R:54, G:134, B:225 and CMYK values of C:0.76, M:0.4, Y:0, K:0.12. Its decimal value is 3573473.

Hex triplet	3686e1	`#3686e1`
RGB Decimal	54, 134, 225	`rgb(54,134,225)`
RGB Percent	21.2, 52.5, 88.2	`rgb(21.2%,52.5%,88.2%)`
CMYK	76, 40, 0, 12
HSL	211.9°, 74, 54.7	`hsl(211.9,74%,54.7%)`
HSV (or HSB)	211.9°, 76, 88.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.348, 6.879, -53.203
XYZ	23.634, 23.269, 74.476
xyY	0.195, 0.192, 23.269
CIE-LCH	55.348, 53.646, 277.367
CIE-LUV	55.348, -28.24, -84.197
Hunter-Lab	48.238, 3.039, -57.773
Binary	00110110, 10000110, 11100001

#3686e1
```
#3686e1 rgb(54,134,225)
```
#e19136
```
#e19136 rgb(225,145,54)
```

Complementary Color

#36dce1
```
#36dce1 rgb(54,220,225)
```
#3686e1
```
#3686e1 rgb(54,134,225)
```
#3c36e1
```
#3c36e1 rgb(60,54,225)
```

Analogous Color

#dce136
```
#dce136 rgb(220,225,54)
```
#3686e1
```
#3686e1 rgb(54,134,225)
```
#e13c36
```
#e13c36 rgb(225,60,54)
```

Split Complementary Color

#86e136
```
#86e136 rgb(134,225,54)
```
#3686e1
```
#3686e1 rgb(54,134,225)
```
#e13686
```
#e13686 rgb(225,54,134)
```

Triadic Color

#36e191
```
#36e191 rgb(54,225,145)
```
#3686e1
```
#3686e1 rgb(54,134,225)
```
#e13686
```
#e13686 rgb(225,54,134)
```
#e19136
```
#e19136 rgb(225,145,54)
```

Tetradic Color

#1a60b0
```
#1a60b0 rgb(26,96,176)
```
#1e6dc6
```
#1e6dc6 rgb(30,109,198)
```
#2179dd
```
#2179dd rgb(33,121,221)
```
#3686e1
```
#3686e1 rgb(54,134,225)
```
#4c93e4
```
#4c93e4 rgb(76,147,228)
```
#62a1e8
```
#62a1e8 rgb(98,161,232)
```
#79aeeb
```
#79aeeb rgb(121,174,235)
```

Monochromatic Color

Below, you can see some colors close to #3686e1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#36b1e1
```
#36b1e1 rgb(54,177,225)
```
#36a3e1
```
#36a3e1 rgb(54,163,225)
```
#3694e1
```
#3694e1 rgb(54,148,225)
```
#3686e1
```
#3686e1 rgb(54,134,225)
```
#3678e1
```
#3678e1 rgb(54,120,225)
```
#366ae1
```
#366ae1 rgb(54,106,225)
```
#365be1
```
#365be1 rgb(54,91,225)
```

Similar Colors

Text with hexadecimal color #3686e1

This text has a font color of #3686e1.

<span style="color:#3686e1;">Text here</span>

#3686e1 background color

This paragraph has a background color of #3686e1.

<p style="background-color:#3686e1;">Content here</p>

#3686e1 border color

This element has a border color of #3686e1.

<div style="border:1px solid #3686e1;">Content here</div>

CSS codes

.text {color:#3686e1;}

.background {background-color:#3686e1;}

.border {border:1px solid #3686e1;}

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, #010204 is the darkest color, while #f2f7fd is the lightest one.

#010204
```
#010204 rgb(1,2,4)
```
#030b15
```
#030b15 rgb(3,11,21)
```
#061526
```
#061526 rgb(6,21,38)
```
#081e37
```
#081e37 rgb(8,30,55)
```
#0b2748
```
#0b2748 rgb(11,39,72)
```
#0d3159
```
#0d3159 rgb(13,49,89)
```
#103a6a
```
#103a6a rgb(16,58,106)
```
#12437b
```
#12437b rgb(18,67,123)
```
#154d8c
```
#154d8c rgb(21,77,140)
```
#17569d
```
#17569d rgb(23,86,157)
```
#1a5fae
```
#1a5fae rgb(26,95,174)
```
#1d69c0
```
#1d69c0 rgb(29,105,192)
```
#1f72d1
```
#1f72d1 rgb(31,114,209)
```

Shade Color Variation

#257cde
```
#257cde rgb(37,124,222)
```
#3686e1
```
#3686e1 rgb(54,134,225)
```
#4790e4
```
#4790e4 rgb(71,144,228)
```
#589be6
```
#589be6 rgb(88,155,230)
```
#69a5e9
```
#69a5e9 rgb(105,165,233)
```
#7aafeb
```
#7aafeb rgb(122,175,235)
```
#8bb9ee
```
#8bb9ee rgb(139,185,238)
```
#9cc4f0
```
#9cc4f0 rgb(156,196,240)
```
#adcef3
```
#adcef3 rgb(173,206,243)
```
#bfd8f5
```
#bfd8f5 rgb(191,216,245)
```
#d0e2f8
```
#d0e2f8 rgb(208,226,248)
```
#e1edfa
```
#e1edfa rgb(225,237,250)
```
#f2f7fd
```
#f2f7fd rgb(242,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868b91 is the less saturated color, while #1b84fc is the most saturated one.

#868b91
```
#868b91 rgb(134,139,145)
```
#7d8b9a
```
#7d8b9a rgb(125,139,154)
```
#748aa3
```
#748aa3 rgb(116,138,163)
```
#6b89ac
```
#6b89ac rgb(107,137,172)
```
#6289b5
```
#6289b5 rgb(98,137,181)
```
#5a88bd
```
#5a88bd rgb(90,136,189)
```
#5188c6
```
#5188c6 rgb(81,136,198)
```
#4887cf
```
#4887cf rgb(72,135,207)
```
#3f87d8
```
#3f87d8 rgb(63,135,216)
```
#3686e1
```
#3686e1 rgb(54,134,225)
```
#2d85ea
```
#2d85ea rgb(45,133,234)
```
#2485f3
```
#2485f3 rgb(36,133,243)
```
#1b84fc
```
#1b84fc rgb(27,132,252)
```

Tone Color Variation

Below, you can see how #3686e1 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.

Monochromacy

#787878 Achromatopsia 0.005% of the population
#6b7b8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6288df Protanopia 1% of men
#3f8ce2 Deuteranopia 1% of men
#0098a2 Tritanopia 0.001% of the population

Trichromacy

#5287df Protanomaly 1% of men, 0.01% of women
#3c8ae1 Deuteranomaly 6% of men, 0.4% of women
#1391b9 Tritanomaly 0.01% of the population

#3686e1 hex color

#3686e1 Color Information

#3686e1 Color Conversion

Color Schemes with #3686e1

Alternatives to #3686e1

#3686e1 Preview

Shades and Tints of #3686e1

Tones of #3686e1

Color Blindness Simulator