#3b6474 hex color

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

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

● #3b6474 color description : Dark moderate blue.

The hexadecimal color #3b6474 has RGB values of R:59, G:100, B:116 and CMYK values of C:0.49, M:0.14, Y:0, K:0.55. Its decimal value is 3892340.

Hex triplet	3b6474	`#3b6474`
RGB Decimal	59, 100, 116	`rgb(59,100,116)`
RGB Percent	23.1, 39.2, 45.5	`rgb(23.1%,39.2%,45.5%)`
CMYK	49, 14, 0, 55
HSL	196.8°, 32.6, 34.3	`hsl(196.8,32.6%,34.3%)`
HSV (or HSB)	196.8°, 49.1, 45.5
Web Safe	336666	`#336666`

CIE-LAB	40.089, -9.62, -13.472
XYZ	9.512, 11.305, 18.203
xyY	0.244, 0.29, 11.305
CIE-LCH	40.089, 16.554, 234.47
CIE-LUV	40.089, -18.25, -17.181
Hunter-Lab	33.622, -8.338, -8.563
Binary	00111011, 01100100, 01110100

#3b6474
```
#3b6474 rgb(59,100,116)
```
#744b3b
```
#744b3b rgb(116,75,59)
```

Complementary Color

#3b7468
```
#3b7468 rgb(59,116,104)
```
#3b6474
```
#3b6474 rgb(59,100,116)
```
#3b4874
```
#3b4874 rgb(59,72,116)
```

Analogous Color

#74683b
```
#74683b rgb(116,104,59)
```
#3b6474
```
#3b6474 rgb(59,100,116)
```
#743b48
```
#743b48 rgb(116,59,72)
```

Split Complementary Color

#64743b
```
#64743b rgb(100,116,59)
```
#3b6474
```
#3b6474 rgb(59,100,116)
```
#743b64
```
#743b64 rgb(116,59,100)
```

Triadic Color

#3b744b
```
#3b744b rgb(59,116,75)
```
#3b6474
```
#3b6474 rgb(59,100,116)
```
#743b64
```
#743b64 rgb(116,59,100)
```
#744b3b
```
#744b3b rgb(116,75,59)
```

Tetradic Color

#213841
```
#213841 rgb(33,56,65)
```
#2a4752
```
#2a4752 rgb(42,71,82)
```
#325563
```
#325563 rgb(50,85,99)
```
#3b6474
```
#3b6474 rgb(59,100,116)
```
#447385
```
#447385 rgb(68,115,133)
```
#4c8196
```
#4c8196 rgb(76,129,150)
```
#5590a7
```
#5590a7 rgb(85,144,167)
```

Monochromatic Color

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

#3b7274
```
#3b7274 rgb(59,114,116)
```
#3b6e74
```
#3b6e74 rgb(59,110,116)
```
#3b6974
```
#3b6974 rgb(59,105,116)
```
#3b6474
```
#3b6474 rgb(59,100,116)
```
#3b5f74
```
#3b5f74 rgb(59,95,116)
```
#3b5b74
```
#3b5b74 rgb(59,91,116)
```
#3b5674
```
#3b5674 rgb(59,86,116)
```

Similar Colors

Text with hexadecimal color #3b6474

This text has a font color of #3b6474.

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

#3b6474 background color

This paragraph has a background color of #3b6474.

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

#3b6474 border color

This element has a border color of #3b6474.

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

CSS codes

.text {color:#3b6474;}

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

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

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

#060a0c
```
#060a0c rgb(6,10,12)
```
#0d1619
```
#0d1619 rgb(13,22,25)
```
#132126
```
#132126 rgb(19,33,38)
```
#1a2c33
```
#1a2c33 rgb(26,44,51)
```
#213740
```
#213740 rgb(33,55,64)
```
#27424d
```
#27424d rgb(39,66,77)
```
#2e4e5a
```
#2e4e5a rgb(46,78,90)
```
#345967
```
#345967 rgb(52,89,103)
```
#3b6474
```
#3b6474 rgb(59,100,116)
```
#426f81
```
#426f81 rgb(66,111,129)
```
#487a8e
```
#487a8e rgb(72,122,142)
```
#4f869b
```
#4f869b rgb(79,134,155)
```
#5591a8
```
#5591a8 rgb(85,145,168)
```

Shade Color Variation

#6299af
```
#6299af rgb(98,153,175)
```
#6fa2b6
```
#6fa2b6 rgb(111,162,182)
```
#7caabc
```
#7caabc rgb(124,170,188)
```
#89b3c3
```
#89b3c3 rgb(137,179,195)
```
#96bbca
```
#96bbca rgb(150,187,202)
```
#a3c3d0
```
#a3c3d0 rgb(163,195,208)
```
#b0ccd7
```
#b0ccd7 rgb(176,204,215)
```
#bdd4dd
```
#bdd4dd rgb(189,212,221)
```
#cadde4
```
#cadde4 rgb(202,221,228)
```
#d7e5eb
```
#d7e5eb rgb(215,229,235)
```
#e4eef1
```
#e4eef1 rgb(228,238,241)
```
#f1f6f8
```
#f1f6f8 rgb(241,246,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#565859
```
#565859 rgb(86,88,89)
```
#4f5b60
```
#4f5b60 rgb(79,91,96)
```
#485e67
```
#485e67 rgb(72,94,103)
```
#42616d
```
#42616d rgb(66,97,109)
```
#3b6474
```
#3b6474 rgb(59,100,116)
```
#34677b
```
#34677b rgb(52,103,123)
```
#2e6a81
```
#2e6a81 rgb(46,106,129)
```
#276d88
```
#276d88 rgb(39,109,136)
```
#20708f
```
#20708f rgb(32,112,143)
```
#197396
```
#197396 rgb(25,115,150)
```
#13769c
```
#13769c rgb(19,118,156)
```
#0c79a3
```
#0c79a3 rgb(12,121,163)
```
#057caa
```
#057caa rgb(5,124,170)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#545c5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#636677 Protanopia 1% of men
#63647d Deuteranopia 1% of men
#426d75 Tritanopia 0.001% of the population

Trichromacy

#546576 Protanomaly 1% of men, 0.01% of women
#54647a Deuteranomaly 6% of men, 0.4% of women
#3f6974 Tritanomaly 0.01% of the population

#3b6474 hex color

#3b6474 Color Information

#3b6474 Color Conversion

Color Schemes with #3b6474

Alternatives to #3b6474

#3b6474 Preview

Shades and Tints of #3b6474

Tones of #3b6474

Color Blindness Simulator