colorhexa.com

#3b86f7 hex color

In a RGB color space, hex #3b86f7 is composed of 23.1% red, 52.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 45.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 216.1 degrees, a saturation of 92.2% and a lightness of 60%. #3b86f7 color hex could be obtained by blending #76ffff with #000def. Closest websafe color is: #3399ff.

- R 23
- G 53
- B 97
RGB color chart
- C 76
- M 46
- Y 0
- K 3
CMYK color chart

● #3b86f7 color description : Bright blue.

The hexadecimal color #3b86f7 has RGB values of R:59, G:134, B:247 and CMYK values of C:0.76, M:0.46, Y:0, K:0.03. Its decimal value is 3901175.

Hex triplet	3b86f7	`#3b86f7`
RGB Decimal	59, 134, 247	`rgb(59,134,247)`
RGB Percent	23.1, 52.5, 96.9	`rgb(23.1%,52.5%,96.9%)`
CMYK	76, 46, 0, 3
HSL	216.1°, 92.2, 60	`hsl(216.1,92.2%,60%)`
HSV (or HSB)	216.1°, 76.1, 96.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.775, 15.457, -63.141
XYZ	27.113, 24.693, 91.328
xyY	0.189, 0.173, 24.693
CIE-LCH	56.775, 65.005, 283.755
CIE-LUV	56.775, -26.814, -101.393
Hunter-Lab	49.692, 10.433, -74.182
Binary	00111011, 10000110, 11110111

#3b86f7
```
#3b86f7 rgb(59,134,247)
```
#f7ac3b
```
#f7ac3b rgb(247,172,59)
```

Complementary Color

#3be4f7
```
#3be4f7 rgb(59,228,247)
```
#3b86f7
```
#3b86f7 rgb(59,134,247)
```
#4e3bf7
```
#4e3bf7 rgb(78,59,247)
```

Analogous Color

#e4f73b
```
#e4f73b rgb(228,247,59)
```
#3b86f7
```
#3b86f7 rgb(59,134,247)
```
#f74e3b
```
#f74e3b rgb(247,78,59)
```

Split Complementary Color

#86f73b
```
#86f73b rgb(134,247,59)
```
#3b86f7
```
#3b86f7 rgb(59,134,247)
```
#f73b86
```
#f73b86 rgb(247,59,134)
```

Triadic Color

#3bf7ac
```
#3bf7ac rgb(59,247,172)
```
#3b86f7
```
#3b86f7 rgb(59,134,247)
```
#f73b86
```
#f73b86 rgb(247,59,134)
```
#f7ac3b
```
#f7ac3b rgb(247,172,59)
```

Tetradic Color

#095ddd
```
#095ddd rgb(9,93,221)
```
#0a68f5
```
#0a68f5 rgb(10,104,245)
```
#2377f6
```
#2377f6 rgb(35,119,246)
```
#3b86f7
```
#3b86f7 rgb(59,134,247)
```
#5495f8
```
#5495f8 rgb(84,149,248)
```
#6ca4f9
```
#6ca4f9 rgb(108,164,249)
```
#85b3fa
```
#85b3fa rgb(133,179,250)
```

Monochromatic Color

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

#3bb5f7
```
#3bb5f7 rgb(59,181,247)
```
#3ba5f7
```
#3ba5f7 rgb(59,165,247)
```
#3b96f7
```
#3b96f7 rgb(59,150,247)
```
#3b86f7
```
#3b86f7 rgb(59,134,247)
```
#3b76f7
```
#3b76f7 rgb(59,118,247)
```
#3b67f7
```
#3b67f7 rgb(59,103,247)
```
#3b57f7
```
#3b57f7 rgb(59,87,247)
```

Similar Colors

Text with hexadecimal color #3b86f7

This text has a font color of #3b86f7.

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

#3b86f7 background color

This paragraph has a background color of #3b86f7.

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

#3b86f7 border color

This element has a border color of #3b86f7.

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

CSS codes

.text {color:#3b86f7;}

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

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

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, #00050b is the darkest color, while #f7faff is the lightest one.

#00050b
```
#00050b rgb(0,5,11)
```
#010d1e
```
#010d1e rgb(1,13,30)
```
#021531
```
#021531 rgb(2,21,49)
```
#031d44
```
#031d44 rgb(3,29,68)
```
#042557
```
#042557 rgb(4,37,87)
```
#042d6a
```
#042d6a rgb(4,45,106)
```
#05357c
```
#05357c rgb(5,53,124)
```
#063d8f
```
#063d8f rgb(6,61,143)
```
#0745a2
```
#0745a2 rgb(7,69,162)
```
#074db5
```
#074db5 rgb(7,77,181)
```
#0855c8
```
#0855c8 rgb(8,85,200)
```
#095ddb
```
#095ddb rgb(9,93,219)
```
#0a65ed
```
#0a65ed rgb(10,101,237)
```

Shade Color Variation

#156ff5
```
#156ff5 rgb(21,111,245)
```
#287af6
```
#287af6 rgb(40,122,246)
```
#3b86f7
```
#3b86f7 rgb(59,134,247)
```
#4e92f8
```
#4e92f8 rgb(78,146,248)
```
#619df9
```
#619df9 rgb(97,157,249)
```
#74a9f9
```
#74a9f9 rgb(116,169,249)
```
#86b5fa
```
#86b5fa rgb(134,181,250)
```
#99c0fb
```
#99c0fb rgb(153,192,251)
```
#acccfc
```
#acccfc rgb(172,204,252)
```
#bfd7fc
```
#bfd7fc rgb(191,215,252)
```
#d2e3fd
```
#d2e3fd rgb(210,227,253)
```
#e5effe
```
#e5effe rgb(229,239,254)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9197a1 is the less saturated color, while #3384ff is the most saturated one.

#9197a1
```
#9197a1 rgb(145,151,161)
```
#8996a9
```
#8996a9 rgb(137,150,169)
```
#8294b0
```
#8294b0 rgb(130,148,176)
```
#7a93b8
```
#7a93b8 rgb(122,147,184)
```
#7291c0
```
#7291c0 rgb(114,145,192)
```
#6a90c8
```
#6a90c8 rgb(106,144,200)
```
#628ed0
```
#628ed0 rgb(98,142,208)
```
#5a8cd8
```
#5a8cd8 rgb(90,140,216)
```
#538bdf
```
#538bdf rgb(83,139,223)
```
#4b89e7
```
#4b89e7 rgb(75,137,231)
```
#4388ef
```
#4388ef rgb(67,136,239)
```
#3b86f7
```
#3b86f7 rgb(59,134,247)
```
#3384ff
```
#3384ff rgb(51,132,255)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6f7e95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#528af6 Protanopia 1% of men
#0090f0 Deuteranopia 1% of men
#009ca6 Tritanopia 0.001% of the population

Trichromacy

#4a89f6 Protanomaly 1% of men, 0.01% of women
#158cf3 Deuteranomaly 6% of men, 0.4% of women
#1594c3 Tritanomaly 0.01% of the population