#3b6475 hex color

In a RGB color space, hex #3b6475 is composed of 23.1% red, 39.2% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 49.6% cyan, 14.5% magenta, 0% yellow and 54.1% black. It has a hue angle of 197.6 degrees, a saturation of 33% and a lightness of 34.5%. #3b6475 color hex could be obtained by blending #76c8ea with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 39
- B 46
RGB color chart
- C 50
- M 15
- Y 0
- K 54
CMYK color chart

● #3b6475 color description : Dark moderate blue.

The hexadecimal color #3b6475 has RGB values of R:59, G:100, B:117 and CMYK values of C:0.5, M:0.15, Y:0, K:0.54. Its decimal value is 3892341.

Hex triplet	3b6475	`#3b6475`
RGB Decimal	59, 100, 117	`rgb(59,100,117)`
RGB Percent	23.1, 39.2, 45.9	`rgb(23.1%,39.2%,45.9%)`
CMYK	50, 15, 0, 54
HSL	197.6°, 33, 34.5	`hsl(197.6,33%,34.5%)`
HSV (or HSB)	197.6°, 49.6, 45.9
Web Safe	336666	`#336666`

CIE-LAB	40.127, -9.312, -14.023
XYZ	9.571, 11.328, 18.511
xyY	0.243, 0.287, 11.328
CIE-LCH	40.127, 16.833, 236.415
CIE-LUV	40.127, -18.23, -18.019
Hunter-Lab	33.657, -8.141, -9.049
Binary	00111011, 01100100, 01110101

#3b6475
```
#3b6475 rgb(59,100,117)
```
#754c3b
```
#754c3b rgb(117,76,59)
```

Complementary Color

#3b7569
```
#3b7569 rgb(59,117,105)
```
#3b6475
```
#3b6475 rgb(59,100,117)
```
#3b4775
```
#3b4775 rgb(59,71,117)
```

Analogous Color

#75693b
```
#75693b rgb(117,105,59)
```
#3b6475
```
#3b6475 rgb(59,100,117)
```
#753b47
```
#753b47 rgb(117,59,71)
```

Split Complementary Color

#64753b
```
#64753b rgb(100,117,59)
```
#3b6475
```
#3b6475 rgb(59,100,117)
```
#753b64
```
#753b64 rgb(117,59,100)
```

Triadic Color

#3b754c
```
#3b754c rgb(59,117,76)
```
#3b6475
```
#3b6475 rgb(59,100,117)
```
#753b64
```
#753b64 rgb(117,59,100)
```
#754c3b
```
#754c3b rgb(117,76,59)
```

Tetradic Color

#213942
```
#213942 rgb(33,57,66)
```
#2a4753
```
#2a4753 rgb(42,71,83)
```
#325664
```
#325664 rgb(50,86,100)
```
#3b6475
```
#3b6475 rgb(59,100,117)
```
#447286
```
#447286 rgb(68,114,134)
```
#4c8197
```
#4c8197 rgb(76,129,151)
```
#558fa8
```
#558fa8 rgb(85,143,168)
```

Monochromatic Color

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

#3b7375
```
#3b7375 rgb(59,115,117)
```
#3b6e75
```
#3b6e75 rgb(59,110,117)
```
#3b6975
```
#3b6975 rgb(59,105,117)
```
#3b6475
```
#3b6475 rgb(59,100,117)
```
#3b5f75
```
#3b5f75 rgb(59,95,117)
```
#3b5a75
```
#3b5a75 rgb(59,90,117)
```
#3b5675
```
#3b5675 rgb(59,86,117)
```

Similar Colors

Text with hexadecimal color #3b6475

This text has a font color of #3b6475.

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

#3b6475 background color

This paragraph has a background color of #3b6475.

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

#3b6475 border color

This element has a border color of #3b6475.

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

CSS codes

.text {color:#3b6475;}

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

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

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

#060b0d
```
#060b0d rgb(6,11,13)
```
#0d161a
```
#0d161a rgb(13,22,26)
```
#142127
```
#142127 rgb(20,33,39)
```
#1a2c34
```
#1a2c34 rgb(26,44,52)
```
#213741
```
#213741 rgb(33,55,65)
```
#27434e
```
#27434e rgb(39,67,78)
```
#2e4e5b
```
#2e4e5b rgb(46,78,91)
```
#345968
```
#345968 rgb(52,89,104)
```
#3b6475
```
#3b6475 rgb(59,100,117)
```
#426f82
```
#426f82 rgb(66,111,130)
```
#487a8f
```
#487a8f rgb(72,122,143)
```
#4f859c
```
#4f859c rgb(79,133,156)
```
#5591a9
```
#5591a9 rgb(85,145,169)
```

Shade Color Variation

#6299b0
```
#6299b0 rgb(98,153,176)
```
#6fa2b6
```
#6fa2b6 rgb(111,162,182)
```
#7caabd
```
#7caabd rgb(124,170,189)
```
#89b3c4
```
#89b3c4 rgb(137,179,196)
```
#96bbca
```
#96bbca rgb(150,187,202)
```
#a3c3d1
```
#a3c3d1 rgb(163,195,209)
```
#b0ccd7
```
#b0ccd7 rgb(176,204,215)
```
#bdd4de
```
#bdd4de rgb(189,212,222)
```
#cadde5
```
#cadde5 rgb(202,221,229)
```
#d8e5eb
```
#d8e5eb rgb(216,229,235)
```
#e5eef2
```
#e5eef2 rgb(229,238,242)
```
#f2f6f8
```
#f2f6f8 rgb(242,246,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#56595a
```
#56595a rgb(86,89,90)
```
#4f5c61
```
#4f5c61 rgb(79,92,97)
```
#495e67
```
#495e67 rgb(73,94,103)
```
#42616e
```
#42616e rgb(66,97,110)
```
#3b6475
```
#3b6475 rgb(59,100,117)
```
#34677c
```
#34677c rgb(52,103,124)
```
#2d6a83
```
#2d6a83 rgb(45,106,131)
```
#276c89
```
#276c89 rgb(39,108,137)
```
#206f90
```
#206f90 rgb(32,111,144)
```
#197297
```
#197297 rgb(25,114,151)
```
#12759e
```
#12759e rgb(18,117,158)
```
#0c78a4
```
#0c78a4 rgb(12,120,164)
```
#057aab
```
#057aab rgb(5,122,171)
```

Tone Color Variation

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

#626678 Protanopia 1% of men
#63657e Deuteranopia 1% of men
#426d75 Tritanopia 0.001% of the population

Trichromacy

#546577 Protanomaly 1% of men, 0.01% of women
#54647b Deuteranomaly 6% of men, 0.4% of women
#3f6975 Tritanomaly 0.01% of the population

#3b6475 hex color

#3b6475 Color Information

#3b6475 Color Conversion

Color Schemes with #3b6475

Alternatives to #3b6475

#3b6475 Preview

Shades and Tints of #3b6475

Tones of #3b6475

Color Blindness Simulator