#3b58d6 hex color

In a RGB color space, hex #3b58d6 is composed of 23.1% red, 34.5% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 58.9% magenta, 0% yellow and 16.1% black. It has a hue angle of 228.8 degrees, a saturation of 65.4% and a lightness of 53.5%. #3b58d6 color hex could be obtained by blending #76b0ff with #0000ad. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 23
- G 35
- B 84
RGB color chart
- C 72
- M 59
- Y 0
- K 16
CMYK color chart

● #3b58d6 color description : Moderate blue.

The hexadecimal color #3b58d6 has RGB values of R:59, G:88, B:214 and CMYK values of C:0.72, M:0.59, Y:0, K:0.16. Its decimal value is 3889366.

Hex triplet	3b58d6	`#3b58d6`
RGB Decimal	59, 88, 214	`rgb(59,88,214)`
RGB Percent	23.1, 34.5, 83.9	`rgb(23.1%,34.5%,83.9%)`
CMYK	72, 59, 0, 16
HSL	228.8°, 65.4, 53.5	`hsl(228.8,65.4%,53.5%)`
HSV (or HSB)	228.8°, 72.4, 83.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.404, 32.318, -67.843
XYZ	17.428, 12.763, 65.16
xyY	0.183, 0.134, 12.763
CIE-LCH	42.404, 75.147, 295.471
CIE-LUV	42.404, -14.02, -101.573
Hunter-Lab	35.726, 24.56, -83.131
Binary	00111011, 01011000, 11010110

#3b58d6
```
#3b58d6 rgb(59,88,214)
```
#d6b93b
```
#d6b93b rgb(214,185,59)
```

Complementary Color

#3ba6d6
```
#3ba6d6 rgb(59,166,214)
```
#3b58d6
```
#3b58d6 rgb(59,88,214)
```
#6c3bd6
```
#6c3bd6 rgb(108,59,214)
```

Analogous Color

#a6d63b
```
#a6d63b rgb(166,214,59)
```
#3b58d6
```
#3b58d6 rgb(59,88,214)
```
#d66c3b
```
#d66c3b rgb(214,108,59)
```

Split Complementary Color

#58d63b
```
#58d63b rgb(88,214,59)
```
#3b58d6
```
#3b58d6 rgb(59,88,214)
```
#d63b58
```
#d63b58 rgb(214,59,88)
```

Triadic Color

#3bd6b9
```
#3bd6b9 rgb(59,214,185)
```
#3b58d6
```
#3b58d6 rgb(59,88,214)
```
#d63b58
```
#d63b58 rgb(214,59,88)
```
#d6b93b
```
#d6b93b rgb(214,185,59)
```

Tetradic Color

#223aa3
```
#223aa3 rgb(34,58,163)
```
#2642b8
```
#2642b8 rgb(38,66,184)
```
#2b49cd
```
#2b49cd rgb(43,73,205)
```
#3b58d6
```
#3b58d6 rgb(59,88,214)
```
#506ada
```
#506ada rgb(80,106,218)
```
#657cdf
```
#657cdf rgb(101,124,223)
```
#7a8ee3
```
#7a8ee3 rgb(122,142,227)
```

Monochromatic Color

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

#3b7fd6
```
#3b7fd6 rgb(59,127,214)
```
#3b72d6
```
#3b72d6 rgb(59,114,214)
```
#3b65d6
```
#3b65d6 rgb(59,101,214)
```
#3b58d6
```
#3b58d6 rgb(59,88,214)
```
#3b4bd6
```
#3b4bd6 rgb(59,75,214)
```
#3b3ed6
```
#3b3ed6 rgb(59,62,214)
```
#453bd6
```
#453bd6 rgb(69,59,214)
```

Similar Colors

Text with hexadecimal color #3b58d6

This text has a font color of #3b58d6.

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

#3b58d6 background color

This paragraph has a background color of #3b58d6.

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

#3b58d6 border color

This element has a border color of #3b58d6.

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

CSS codes

.text {color:#3b58d6;}

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

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

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, #03050f is the darkest color, while #fefeff is the lightest one.

#03050f
```
#03050f rgb(3,5,15)
```
#070b1f
```
#070b1f rgb(7,11,31)
```
#0a112f
```
#0a112f rgb(10,17,47)
```
#0d1740
```
#0d1740 rgb(13,23,64)
```
#111c50
```
#111c50 rgb(17,28,80)
```
#142260
```
#142260 rgb(20,34,96)
```
#172870
```
#172870 rgb(23,40,112)
```
#1b2e80
```
#1b2e80 rgb(27,46,128)
```
#1e3491
```
#1e3491 rgb(30,52,145)
```
#2239a1
```
#2239a1 rgb(34,57,161)
```
#253fb1
```
#253fb1 rgb(37,63,177)
```
#2845c1
```
#2845c1 rgb(40,69,193)
```
#2c4bd2
```
#2c4bd2 rgb(44,75,210)
```

Shade Color Variation

#3b58d6
```
#3b58d6 rgb(59,88,214)
```
#4b66d9
```
#4b66d9 rgb(75,102,217)
```
#5b74dd
```
#5b74dd rgb(91,116,221)
```
#6c81e0
```
#6c81e0 rgb(108,129,224)
```
#7c8fe4
```
#7c8fe4 rgb(124,143,228)
```
#8c9de7
```
#8c9de7 rgb(140,157,231)
```
#9cabea
```
#9cabea rgb(156,171,234)
```
#adb9ee
```
#adb9ee rgb(173,185,238)
```
#bdc7f1
```
#bdc7f1 rgb(189,199,241)
```
#cdd4f5
```
#cdd4f5 rgb(205,212,245)
```
#dde2f8
```
#dde2f8 rgb(221,226,248)
```
#edf0fb
```
#edf0fb rgb(237,240,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84868d is the less saturated color, while #1741fa is the most saturated one.

#84868d
```
#84868d rgb(132,134,141)
```
#7b8096
```
#7b8096 rgb(123,128,150)
```
#727a9f
```
#727a9f rgb(114,122,159)
```
#6975a8
```
#6975a8 rgb(105,117,168)
```
#5f6fb2
```
#5f6fb2 rgb(95,111,178)
```
#5669bb
```
#5669bb rgb(86,105,187)
```
#4d63c4
```
#4d63c4 rgb(77,99,196)
```
#445ecd
```
#445ecd rgb(68,94,205)
```
#3b58d6
```
#3b58d6 rgb(59,88,214)
```
#3252df
```
#3252df rgb(50,82,223)
```
#294de8
```
#294de8 rgb(41,77,232)
```
#2047f1
```
#2047f1 rgb(32,71,241)
```
#1741fa
```
#1741fa rgb(23,65,250)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#575d76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cd Protanopia 1% of men
#006eb3 Deuteranopia 1% of men
#00767d Tritanopia 0.001% of the population

Trichromacy

#1562d0 Protanomaly 1% of men, 0.01% of women
#1566c0 Deuteranomaly 6% of men, 0.4% of women
#156b9d Tritanomaly 0.01% of the population

#3b58d6 hex color

#3b58d6 Color Information

#3b58d6 Color Conversion

Color Schemes with #3b58d6

Alternatives to #3b58d6

#3b58d6 Preview

Shades and Tints of #3b58d6

Tones of #3b58d6

Color Blindness Simulator