colorhexa.com

#3b86bd hex color

In a RGB color space, hex #3b86bd is composed of 23.1% red, 52.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 29.1% magenta, 0% yellow and 25.9% black. It has a hue angle of 205.4 degrees, a saturation of 52.4% and a lightness of 48.6%. #3b86bd color hex could be obtained by blending #76ffff with #000d7b. Closest websafe color is: #3399cc.

- R 23
- G 53
- B 74
RGB color chart
- C 69
- M 29
- Y 0
- K 26
CMYK color chart

● #3b86bd color description : Moderate blue.

The hexadecimal color #3b86bd has RGB values of R:59, G:134, B:189 and CMYK values of C:0.69, M:0.29, Y:0, K:0.26. Its decimal value is 3901117.

Hex triplet	3b86bd	`#3b86bd`
RGB Decimal	59, 134, 189	`rgb(59,134,189)`
RGB Percent	23.1, 52.5, 74.1	`rgb(23.1%,52.5%,74.1%)`
CMYK	69, 29, 0, 26
HSL	205.4°, 52.4, 48.6	`hsl(205.4,52.4%,48.6%)`
HSV (or HSB)	205.4°, 68.8, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.656, -5.288, -35.521
XYZ	19.512, 21.653, 51.292
xyY	0.211, 0.234, 21.653
CIE-LCH	53.656, 35.912, 261.532
CIE-LUV	53.656, -28.721, -53.824
Hunter-Lab	46.532, -6.584, -32.782
Binary	00111011, 10000110, 10111101

#3b86bd
```
#3b86bd rgb(59,134,189)
```
#bd723b
```
#bd723b rgb(189,114,59)
```

Complementary Color

#3bbdb3
```
#3bbdb3 rgb(59,189,179)
```
#3b86bd
```
#3b86bd rgb(59,134,189)
```
#3b45bd
```
#3b45bd rgb(59,69,189)
```

Analogous Color

#bdb33b
```
#bdb33b rgb(189,179,59)
```
#3b86bd
```
#3b86bd rgb(59,134,189)
```
#bd3b45
```
#bd3b45 rgb(189,59,69)
```

Split Complementary Color

#86bd3b
```
#86bd3b rgb(134,189,59)
```
#3b86bd
```
#3b86bd rgb(59,134,189)
```
#bd3b86
```
#bd3b86 rgb(189,59,134)
```

Triadic Color

#3bbd72
```
#3bbd72 rgb(59,189,114)
```
#3b86bd
```
#3b86bd rgb(59,134,189)
```
#bd3b86
```
#bd3b86 rgb(189,59,134)
```
#bd723b
```
#bd723b rgb(189,114,59)
```

Tetradic Color

#295d83
```
#295d83 rgb(41,93,131)
```
#2f6a96
```
#2f6a96 rgb(47,106,150)
```
#3578aa
```
#3578aa rgb(53,120,170)
```
#3b86bd
```
#3b86bd rgb(59,134,189)
```
#4b92c7
```
#4b92c7 rgb(75,146,199)
```
#5e9ecd
```
#5e9ecd rgb(94,158,205)
```
#72aad3
```
#72aad3 rgb(114,170,211)
```

Monochromatic Color

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

#3ba7bd
```
#3ba7bd rgb(59,167,189)
```
#3b9cbd
```
#3b9cbd rgb(59,156,189)
```
#3b91bd
```
#3b91bd rgb(59,145,189)
```
#3b86bd
```
#3b86bd rgb(59,134,189)
```
#3b7bbd
```
#3b7bbd rgb(59,123,189)
```
#3b70bd
```
#3b70bd rgb(59,112,189)
```
#3b66bd
```
#3b66bd rgb(59,102,189)
```

Similar Colors

Text with hexadecimal color #3b86bd

This text has a font color of #3b86bd.

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

#3b86bd background color

This paragraph has a background color of #3b86bd.

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

#3b86bd border color

This element has a border color of #3b86bd.

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

CSS codes

.text {color:#3b86bd;}

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

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

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, #03070a is the darkest color, while #fafcfd is the lightest one.

#03070a
```
#03070a rgb(3,7,10)
```
#081119
```
#081119 rgb(8,17,25)
```
#0c1c28
```
#0c1c28 rgb(12,28,40)
```
#112736
```
#112736 rgb(17,39,54)
```
#163145
```
#163145 rgb(22,49,69)
```
#1a3c54
```
#1a3c54 rgb(26,60,84)
```
#1f4663
```
#1f4663 rgb(31,70,99)
```
#245172
```
#245172 rgb(36,81,114)
```
#285c81
```
#285c81 rgb(40,92,129)
```
#2d6690
```
#2d6690 rgb(45,102,144)
```
#32719f
```
#32719f rgb(50,113,159)
```
#367bae
```
#367bae rgb(54,123,174)
```
#3b86bd
```
#3b86bd rgb(59,134,189)
```

Shade Color Variation

#4690c5
```
#4690c5 rgb(70,144,197)
```
#5599ca
```
#5599ca rgb(85,153,202)
```
#64a2cf
```
#64a2cf rgb(100,162,207)
```
#73abd3
```
#73abd3 rgb(115,171,211)
```
#82b4d8
```
#82b4d8 rgb(130,180,216)
```
#91bddd
```
#91bddd rgb(145,189,221)
```
#a0c6e1
```
#a0c6e1 rgb(160,198,225)
```
#afcfe6
```
#afcfe6 rgb(175,207,230)
```
#bed8eb
```
#bed8eb rgb(190,216,235)
```
#cde1ef
```
#cde1ef rgb(205,225,239)
```
#dceaf4
```
#dceaf4 rgb(220,234,244)
```
#ebf3f9
```
#ebf3f9 rgb(235,243,249)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747d84 is the less saturated color, while #028ff6 is the most saturated one.

#747d84
```
#747d84 rgb(116,125,132)
```
#6b7f8d
```
#6b7f8d rgb(107,127,141)
```
#618097
```
#618097 rgb(97,128,151)
```
#5882a0
```
#5882a0 rgb(88,130,160)
```
#4e83aa
```
#4e83aa rgb(78,131,170)
```
#4585b3
```
#4585b3 rgb(69,133,179)
```
#3b86bd
```
#3b86bd rgb(59,134,189)
```
#3187c7
```
#3187c7 rgb(49,135,199)
```
#2889d0
```
#2889d0 rgb(40,137,208)
```
#1e8ada
```
#1e8ada rgb(30,138,218)
```
#158ce3
```
#158ce3 rgb(21,140,227)
```
#0b8ded
```
#0b8ded rgb(11,141,237)
```
#028ff6
```
#028ff6 rgb(2,143,246)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#6a7984 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7484bb Protanopia 1% of men
#6886c2 Deuteranopia 1% of men
#25939e Tritanopia 0.001% of the population

Trichromacy

#5f85bb Protanomaly 1% of men, 0.01% of women
#5886c0 Deuteranomaly 6% of men, 0.4% of women
#2d8ea9 Tritanomaly 0.01% of the population