colorhexa.com

#3b86e3 hex color

In a RGB color space, hex #3b86e3 is composed of 23.1% red, 52.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 41% magenta, 0% yellow and 11% black. It has a hue angle of 213.2 degrees, a saturation of 75% and a lightness of 56.1%. #3b86e3 color hex could be obtained by blending #76ffff with #000dc7. Closest websafe color is: #3399cc.

- R 23
- G 53
- B 89
RGB color chart
- C 74
- M 41
- Y 0
- K 11
CMYK color chart

● #3b86e3 color description : Bright blue.

The hexadecimal color #3b86e3 has RGB values of R:59, G:134, B:227 and CMYK values of C:0.74, M:0.41, Y:0, K:0.11. Its decimal value is 3901155.

Hex triplet	3b86e3	`#3b86e3`
RGB Decimal	59, 134, 227	`rgb(59,134,227)`
RGB Percent	23.1, 52.5, 89	`rgb(23.1%,52.5%,89%)`
CMYK	74, 41, 0, 11
HSL	213.2°, 75, 56.1	`hsl(213.2,75%,56.1%)`
HSV (or HSB)	213.2°, 74, 89
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.608, 8.208, -53.898
XYZ	24.191, 23.524, 75.935
xyY	0.196, 0.19, 23.524
CIE-LCH	55.608, 54.519, 278.659
CIE-LUV	55.608, -27.372, -85.525
Hunter-Lab	48.502, 4.15, -58.873
Binary	00111011, 10000110, 11100011

#3b86e3
```
#3b86e3 rgb(59,134,227)
```
#e3983b
```
#e3983b rgb(227,152,59)
```

Complementary Color

#3bdae3
```
#3bdae3 rgb(59,218,227)
```
#3b86e3
```
#3b86e3 rgb(59,134,227)
```
#443be3
```
#443be3 rgb(68,59,227)
```

Analogous Color

#dae33b
```
#dae33b rgb(218,227,59)
```
#3b86e3
```
#3b86e3 rgb(59,134,227)
```
#e3443b
```
#e3443b rgb(227,68,59)
```

Split Complementary Color

#86e33b
```
#86e33b rgb(134,227,59)
```
#3b86e3
```
#3b86e3 rgb(59,134,227)
```
#e33b86
```
#e33b86 rgb(227,59,134)
```

Triadic Color

#3be398
```
#3be398 rgb(59,227,152)
```
#3b86e3
```
#3b86e3 rgb(59,134,227)
```
#e33b86
```
#e33b86 rgb(227,59,134)
```
#e3983b
```
#e3983b rgb(227,152,59)
```

Tetradic Color

#1a60b7
```
#1a60b7 rgb(26,96,183)
```
#1d6cce
```
#1d6cce rgb(29,108,206)
```
#2578e0
```
#2578e0 rgb(37,120,224)
```
#3b86e3
```
#3b86e3 rgb(59,134,227)
```
#5194e6
```
#5194e6 rgb(81,148,230)
```
#68a2e9
```
#68a2e9 rgb(104,162,233)
```
#7eafed
```
#7eafed rgb(126,175,237)
```

Monochromatic Color

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

#3bb0e3
```
#3bb0e3 rgb(59,176,227)
```
#3ba2e3
```
#3ba2e3 rgb(59,162,227)
```
#3b94e3
```
#3b94e3 rgb(59,148,227)
```
#3b86e3
```
#3b86e3 rgb(59,134,227)
```
#3b78e3
```
#3b78e3 rgb(59,120,227)
```
#3b6ae3
```
#3b6ae3 rgb(59,106,227)
```
#3b5ce3
```
#3b5ce3 rgb(59,92,227)
```

Similar Colors

Text with hexadecimal color #3b86e3

This text has a font color of #3b86e3.

<span style="color:#3b86e3;">Text here</span>

#3b86e3 background color

This paragraph has a background color of #3b86e3.

<p style="background-color:#3b86e3;">Content here</p>

#3b86e3 border color

This element has a border color of #3b86e3.

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

CSS codes

.text {color:#3b86e3;}

.background {background-color:#3b86e3;}

.border {border:1px solid #3b86e3;}

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)
```
#040e1b
```
#040e1b rgb(4,14,27)
```
#06172c
```
#06172c rgb(6,23,44)
```
#09203d
```
#09203d rgb(9,32,61)
```
#0b294f
```
#0b294f rgb(11,41,79)
```
#0e3260
```
#0e3260 rgb(14,50,96)
```
#103b71
```
#103b71 rgb(16,59,113)
```
#134482
```
#134482 rgb(19,68,130)
```
#154d93
```
#154d93 rgb(21,77,147)
```
#1756a4
```
#1756a4 rgb(23,86,164)
```
#1a5fb6
```
#1a5fb6 rgb(26,95,182)
```
#1c68c7
```
#1c68c7 rgb(28,104,199)
```
#1f71d8
```
#1f71d8 rgb(31,113,216)
```

Shade Color Variation

#2a7be1
```
#2a7be1 rgb(42,123,225)
```
#3b86e3
```
#3b86e3 rgb(59,134,227)
```
#4c91e5
```
#4c91e5 rgb(76,145,229)
```
#5d9be8
```
#5d9be8 rgb(93,155,232)
```
#6ea6ea
```
#6ea6ea rgb(110,166,234)
```
#80b0ed
```
#80b0ed rgb(128,176,237)
```
#91bbef
```
#91bbef rgb(145,187,239)
```
#a2c6f2
```
#a2c6f2 rgb(162,198,242)
```
#b3d0f4
```
#b3d0f4 rgb(179,208,244)
```
#c4dbf7
```
#c4dbf7 rgb(196,219,247)
```
#d5e5f9
```
#d5e5f9 rgb(213,229,249)
```
#e7f0fc
```
#e7f0fc rgb(231,240,252)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898e95 is the less saturated color, while #2183fd is the most saturated one.

#898e95
```
#898e95 rgb(137,142,149)
```
#808d9e
```
#808d9e rgb(128,141,158)
```
#778ca7
```
#778ca7 rgb(119,140,167)
```
#6f8caf
```
#6f8caf rgb(111,140,175)
```
#668bb8
```
#668bb8 rgb(102,139,184)
```
#5d8ac1
```
#5d8ac1 rgb(93,138,193)
```
#5589c9
```
#5589c9 rgb(85,137,201)
```
#4c88d2
```
#4c88d2 rgb(76,136,210)
```
#4487da
```
#4487da rgb(68,135,218)
```
#3b86e3
```
#3b86e3 rgb(59,134,227)
```
#3285ec
```
#3285ec rgb(50,133,236)
```
#2a84f4
```
#2a84f4 rgb(42,132,244)
```
#2183fd
```
#2183fd rgb(33,131,253)
```

Tone Color Variation

Below, you can see how #3b86e3 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

#7a7a7a Achromatopsia 0.005% of the population
#6d7c8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6288e1 Protanopia 1% of men
#3e8de4 Deuteranopia 1% of men
#0099a3 Tritanopia 0.001% of the population

Trichromacy

#5387e2 Protanomaly 1% of men, 0.01% of women
#3d8ae3 Deuteranomaly 6% of men, 0.4% of women
#1592ba Tritanomaly 0.01% of the population