#3b5274 hex color

In a RGB color space, hex #3b5274 is composed of 23.1% red, 32.2% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 49.1% cyan, 29.3% magenta, 0% yellow and 54.5% black. It has a hue angle of 215.8 degrees, a saturation of 32.6% and a lightness of 34.3%. #3b5274 color hex could be obtained by blending #76a4e8 with #000000. Closest websafe color is: #336666.

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

● #3b5274 color description : Dark moderate blue.

The hexadecimal color #3b5274 has RGB values of R:59, G:82, B:116 and CMYK values of C:0.49, M:0.29, Y:0, K:0.55. Its decimal value is 3887732.

Hex triplet	3b5274	`#3b5274`
RGB Decimal	59, 82, 116	`rgb(59,82,116)`
RGB Percent	23.1, 32.2, 45.5	`rgb(23.1%,32.2%,45.5%)`
CMYK	49, 29, 0, 55
HSL	215.8°, 32.6, 34.3	`hsl(215.8,32.6%,34.3%)`
HSV (or HSB)	215.8°, 49.1, 45.5
Web Safe	336666	`#336666`

CIE-LAB	34.447, 1.428, -22.153
XYZ	7.973, 8.225, 17.69
xyY	0.235, 0.243, 8.225
CIE-LCH	34.447, 22.199, 273.688
CIE-LUV	34.447, -11.156, -29.974
Hunter-Lab	28.679, -0.567, -16.495
Binary	00111011, 01010010, 01110100

#3b5274
```
#3b5274 rgb(59,82,116)
```
#745d3b
```
#745d3b rgb(116,93,59)
```

Complementary Color

#3b6f74
```
#3b6f74 rgb(59,111,116)
```
#3b5274
```
#3b5274 rgb(59,82,116)
```
#413b74
```
#413b74 rgb(65,59,116)
```

Analogous Color

#6f743b
```
#6f743b rgb(111,116,59)
```
#3b5274
```
#3b5274 rgb(59,82,116)
```
#74413b
```
#74413b rgb(116,65,59)
```

Split Complementary Color

#52743b
```
#52743b rgb(82,116,59)
```
#3b5274
```
#3b5274 rgb(59,82,116)
```
#743b52
```
#743b52 rgb(116,59,82)
```

Triadic Color

#3b745d
```
#3b745d rgb(59,116,93)
```
#3b5274
```
#3b5274 rgb(59,82,116)
```
#743b52
```
#743b52 rgb(116,59,82)
```
#745d3b
```
#745d3b rgb(116,93,59)
```

Tetradic Color

#212e41
```
#212e41 rgb(33,46,65)
```
#2a3a52
```
#2a3a52 rgb(42,58,82)
```
#324663
```
#324663 rgb(50,70,99)
```
#3b5274
```
#3b5274 rgb(59,82,116)
```
#445e85
```
#445e85 rgb(68,94,133)
```
#4c6a96
```
#4c6a96 rgb(76,106,150)
```
#5576a7
```
#5576a7 rgb(85,118,167)
```

Monochromatic Color

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

#3b6074
```
#3b6074 rgb(59,96,116)
```
#3b5c74
```
#3b5c74 rgb(59,92,116)
```
#3b5774
```
#3b5774 rgb(59,87,116)
```
#3b5274
```
#3b5274 rgb(59,82,116)
```
#3b4d74
```
#3b4d74 rgb(59,77,116)
```
#3b4974
```
#3b4974 rgb(59,73,116)
```
#3b4474
```
#3b4474 rgb(59,68,116)
```

Similar Colors

Text with hexadecimal color #3b5274

This text has a font color of #3b5274.

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

#3b5274 background color

This paragraph has a background color of #3b5274.

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

#3b5274 border color

This element has a border color of #3b5274.

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

CSS codes

.text {color:#3b5274;}

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

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

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

#06080c
```
#06080c rgb(6,8,12)
```
#0d1219
```
#0d1219 rgb(13,18,25)
```
#131b26
```
#131b26 rgb(19,27,38)
```
#1a2433
```
#1a2433 rgb(26,36,51)
```
#212d40
```
#212d40 rgb(33,45,64)
```
#27364d
```
#27364d rgb(39,54,77)
```
#2e405a
```
#2e405a rgb(46,64,90)
```
#344967
```
#344967 rgb(52,73,103)
```
#3b5274
```
#3b5274 rgb(59,82,116)
```
#425b81
```
#425b81 rgb(66,91,129)
```
#48648e
```
#48648e rgb(72,100,142)
```
#4f6e9b
```
#4f6e9b rgb(79,110,155)
```
#5577a8
```
#5577a8 rgb(85,119,168)
```

Shade Color Variation

#6281af
```
#6281af rgb(98,129,175)
```
#6f8cb6
```
#6f8cb6 rgb(111,140,182)
```
#7c96bc
```
#7c96bc rgb(124,150,188)
```
#89a0c3
```
#89a0c3 rgb(137,160,195)
```
#96abca
```
#96abca rgb(150,171,202)
```
#a3b5d0
```
#a3b5d0 rgb(163,181,208)
```
#b0c0d7
```
#b0c0d7 rgb(176,192,215)
```
#bdcadd
```
#bdcadd rgb(189,202,221)
```
#cad4e4
```
#cad4e4 rgb(202,212,228)
```
#d7dfeb
```
#d7dfeb rgb(215,223,235)
```
#e4e9f1
```
#e4e9f1 rgb(228,233,241)
```
#f1f4f8
```
#f1f4f8 rgb(241,244,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#565759
```
#565759 rgb(86,87,89)
```
#4f5660
```
#4f5660 rgb(79,86,96)
```
#485567
```
#485567 rgb(72,85,103)
```
#42536d
```
#42536d rgb(66,83,109)
```
#3b5274
```
#3b5274 rgb(59,82,116)
```
#34517b
```
#34517b rgb(52,81,123)
```
#2e4f81
```
#2e4f81 rgb(46,79,129)
```
#274e88
```
#274e88 rgb(39,78,136)
```
#204d8f
```
#204d8f rgb(32,77,143)
```
#194c96
```
#194c96 rgb(25,76,150)
```
#134a9c
```
#134a9c rgb(19,74,156)
```
#0c49a3
```
#0c49a3 rgb(12,73,163)
```
#0548aa
```
#0548aa rgb(5,72,170)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#4b5056 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5879 Protanopia 1% of men
#4c597b Deuteranopia 1% of men
#3d5f66 Tritanopia 0.001% of the population

Trichromacy

#475677 Protanomaly 1% of men, 0.01% of women
#465679 Deuteranomaly 6% of men, 0.4% of women
#3c5a6b Tritanomaly 0.01% of the population

#3b5274 hex color

#3b5274 Color Information

#3b5274 Color Conversion

Color Schemes with #3b5274

Alternatives to #3b5274

#3b5274 Preview

Shades and Tints of #3b5274

Tones of #3b5274

Color Blindness Simulator