#3b5073 hex color

In a RGB color space, hex #3b5073 is composed of 23.1% red, 31.4% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 48.7% cyan, 30.4% magenta, 0% yellow and 54.9% black. It has a hue angle of 217.5 degrees, a saturation of 32.2% and a lightness of 34.1%. #3b5073 color hex could be obtained by blending #76a0e6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 31
- B 45
RGB color chart
- C 49
- M 30
- Y 0
- K 55
CMYK color chart

● #3b5073 color description : Dark moderate blue.

The hexadecimal color #3b5073 has RGB values of R:59, G:80, B:115 and CMYK values of C:0.49, M:0.3, Y:0, K:0.55. Its decimal value is 3887219.

Hex triplet	3b5073	`#3b5073`
RGB Decimal	59, 80, 115	`rgb(59,80,115)`
RGB Percent	23.1, 31.4, 45.1	`rgb(23.1%,31.4%,45.1%)`
CMYK	49, 30, 0, 55
HSL	217.5°, 32.2, 34.1	`hsl(217.5,32.2%,34.1%)`
HSV (or HSB)	217.5°, 48.7, 45.1
Web Safe	336666	`#336666`

CIE-LAB	33.783, 2.383, -22.564
XYZ	7.766, 7.905, 17.335
xyY	0.235, 0.239, 7.905
CIE-LCH	33.783, 22.69, 276.028
CIE-LUV	33.783, -10.388, -30.492
Hunter-Lab	28.115, 0.105, -16.876
Binary	00111011, 01010000, 01110011

#3b5073
```
#3b5073 rgb(59,80,115)
```
#735e3b
```
#735e3b rgb(115,94,59)
```

Complementary Color

#3b6c73
```
#3b6c73 rgb(59,108,115)
```
#3b5073
```
#3b5073 rgb(59,80,115)
```
#423b73
```
#423b73 rgb(66,59,115)
```

Analogous Color

#6c733b
```
#6c733b rgb(108,115,59)
```
#3b5073
```
#3b5073 rgb(59,80,115)
```
#73423b
```
#73423b rgb(115,66,59)
```

Split Complementary Color

#50733b
```
#50733b rgb(80,115,59)
```
#3b5073
```
#3b5073 rgb(59,80,115)
```
#733b50
```
#733b50 rgb(115,59,80)
```

Triadic Color

#3b735e
```
#3b735e rgb(59,115,94)
```
#3b5073
```
#3b5073 rgb(59,80,115)
```
#733b50
```
#733b50 rgb(115,59,80)
```
#735e3b
```
#735e3b rgb(115,94,59)
```

Tetradic Color

#212d40
```
#212d40 rgb(33,45,64)
```
#2a3951
```
#2a3951 rgb(42,57,81)
```
#324462
```
#324462 rgb(50,68,98)
```
#3b5073
```
#3b5073 rgb(59,80,115)
```
#445c84
```
#445c84 rgb(68,92,132)
```
#4c6795
```
#4c6795 rgb(76,103,149)
```
#5573a6
```
#5573a6 rgb(85,115,166)
```

Monochromatic Color

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

#3b5e73
```
#3b5e73 rgb(59,94,115)
```
#3b5973
```
#3b5973 rgb(59,89,115)
```
#3b5573
```
#3b5573 rgb(59,85,115)
```
#3b5073
```
#3b5073 rgb(59,80,115)
```
#3b4b73
```
#3b4b73 rgb(59,75,115)
```
#3b4773
```
#3b4773 rgb(59,71,115)
```
#3b4273
```
#3b4273 rgb(59,66,115)
```

Similar Colors

Text with hexadecimal color #3b5073

This text has a font color of #3b5073.

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

#3b5073 background color

This paragraph has a background color of #3b5073.

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

#3b5073 border color

This element has a border color of #3b5073.

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

CSS codes

.text {color:#3b5073;}

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

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

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

#06080b
```
#06080b rgb(6,8,11)
```
#0c1118
```
#0c1118 rgb(12,17,24)
```
#131a25
```
#131a25 rgb(19,26,37)
```
#1a2332
```
#1a2332 rgb(26,35,50)
```
#202c3f
```
#202c3f rgb(32,44,63)
```
#27354c
```
#27354c rgb(39,53,76)
```
#2e3e59
```
#2e3e59 rgb(46,62,89)
```
#344766
```
#344766 rgb(52,71,102)
```
#3b5073
```
#3b5073 rgb(59,80,115)
```
#425980
```
#425980 rgb(66,89,128)
```
#48628d
```
#48628d rgb(72,98,141)
```
#4f6b9a
```
#4f6b9a rgb(79,107,154)
```
#5674a7
```
#5674a7 rgb(86,116,167)
```

Shade Color Variation

#627eae
```
#627eae rgb(98,126,174)
```
#6f89b5
```
#6f89b5 rgb(111,137,181)
```
#7c94bc
```
#7c94bc rgb(124,148,188)
```
#899ec2
```
#899ec2 rgb(137,158,194)
```
#96a9c9
```
#96a9c9 rgb(150,169,201)
```
#a3b3d0
```
#a3b3d0 rgb(163,179,208)
```
#b0bed6
```
#b0bed6 rgb(176,190,214)
```
#bdc9dd
```
#bdc9dd rgb(189,201,221)
```
#c9d3e4
```
#c9d3e4 rgb(201,211,228)
```
#d6deea
```
#d6deea rgb(214,222,234)
```
#e3e8f1
```
#e3e8f1 rgb(227,232,241)
```
#f0f3f7
```
#f0f3f7 rgb(240,243,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565758 is the less saturated color, while #0543a9 is the most saturated one.

#565758
```
#565758 rgb(86,87,88)
```
#4f555f
```
#4f555f rgb(79,85,95)
```
#485366
```
#485366 rgb(72,83,102)
```
#42526c
```
#42526c rgb(66,82,108)
```
#3b5073
```
#3b5073 rgb(59,80,115)
```
#344e7a
```
#344e7a rgb(52,78,122)
```
#2e4d80
```
#2e4d80 rgb(46,77,128)
```
#274b87
```
#274b87 rgb(39,75,135)
```
#20498e
```
#20498e rgb(32,73,142)
```
#1a4894
```
#1a4894 rgb(26,72,148)
```
#13469b
```
#13469b rgb(19,70,155)
```
#0c44a2
```
#0c44a2 rgb(12,68,162)
```
#0543a9
```
#0543a9 rgb(5,67,169)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#4a4e55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5779 Protanopia 1% of men
#4a577a Deuteranopia 1% of men
#3d5d64 Tritanopia 0.001% of the population

Trichromacy

#465476 Protanomaly 1% of men, 0.01% of women
#445577 Deuteranomaly 6% of men, 0.4% of women
#3c5869 Tritanomaly 0.01% of the population

#3b5073 hex color

#3b5073 Color Information

#3b5073 Color Conversion

Color Schemes with #3b5073

Alternatives to #3b5073

#3b5073 Preview

Shades and Tints of #3b5073

Tones of #3b5073

Color Blindness Simulator