colorhexa.com

#3b6075 hex color

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

- R 23
- G 38
- B 46
RGB color chart
- C 50
- M 18
- Y 0
- K 54
CMYK color chart

● #3b6075 color description : Dark moderate blue.

The hexadecimal color #3b6075 has RGB values of R:59, G:96, B:117 and CMYK values of C:0.5, M:0.18, Y:0, K:0.54. Its decimal value is 3891317.

Hex triplet	3b6075	`#3b6075`
RGB Decimal	59, 96, 117	`rgb(59,96,117)`
RGB Percent	23.1, 37.6, 45.9	`rgb(23.1%,37.6%,45.9%)`
CMYK	50, 18, 0, 54
HSL	201.7°, 33, 34.5	`hsl(201.7,33%,34.5%)`
HSV (or HSB)	201.7°, 49.6, 45.9
Web Safe	336666	`#336666`

CIE-LAB	38.863, -6.934, -15.954
XYZ	9.197, 10.579, 18.386
xyY	0.241, 0.277, 10.579
CIE-LCH	38.863, 17.396, 246.51
CIE-LUV	38.863, -16.628, -20.943
Hunter-Lab	32.526, -6.45, -10.747
Binary	00111011, 01100000, 01110101

#3b6075
```
#3b6075 rgb(59,96,117)
```
#75503b
```
#75503b rgb(117,80,59)
```

Complementary Color

#3b756d
```
#3b756d rgb(59,117,109)
```
#3b6075
```
#3b6075 rgb(59,96,117)
```
#3b4375
```
#3b4375 rgb(59,67,117)
```

Analogous Color

#756d3b
```
#756d3b rgb(117,109,59)
```
#3b6075
```
#3b6075 rgb(59,96,117)
```
#753b43
```
#753b43 rgb(117,59,67)
```

Split Complementary Color

#60753b
```
#60753b rgb(96,117,59)
```
#3b6075
```
#3b6075 rgb(59,96,117)
```
#753b60
```
#753b60 rgb(117,59,96)
```

Triadic Color

#213642
```
#213642 rgb(33,54,66)
```
#2a4453
```
#2a4453 rgb(42,68,83)
```
#325264
```
#325264 rgb(50,82,100)
```
#3b6075
```
#3b6075 rgb(59,96,117)
```
#446e86
```
#446e86 rgb(68,110,134)
```
#4c7c97
```
#4c7c97 rgb(76,124,151)
```
#558aa8
```
#558aa8 rgb(85,138,168)
```

Monochromatic Color

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

#3b6f75
```
#3b6f75 rgb(59,111,117)
```
#3b6a75
```
#3b6a75 rgb(59,106,117)
```
#3b6575
```
#3b6575 rgb(59,101,117)
```
#3b6075
```
#3b6075 rgb(59,96,117)
```
#3b5b75
```
#3b5b75 rgb(59,91,117)
```
#3b5675
```
#3b5675 rgb(59,86,117)
```
#3b5275
```
#3b5275 rgb(59,82,117)
```

Similar Colors

Text with hexadecimal color #3b6075

This text has a font color of #3b6075.

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

#3b6075 background color

This paragraph has a background color of #3b6075.

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

#3b6075 border color

This element has a border color of #3b6075.

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

CSS codes

.text {color:#3b6075;}

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

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

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

#060a0d
```
#060a0d rgb(6,10,13)
```
#0d151a
```
#0d151a rgb(13,21,26)
```
#142027
```
#142027 rgb(20,32,39)
```
#1a2b34
```
#1a2b34 rgb(26,43,52)
```
#213541
```
#213541 rgb(33,53,65)
```
#27404e
```
#27404e rgb(39,64,78)
```
#2e4b5b
```
#2e4b5b rgb(46,75,91)
```
#345568
```
#345568 rgb(52,85,104)
```
#3b6075
```
#3b6075 rgb(59,96,117)
```
#426b82
```
#426b82 rgb(66,107,130)
```
#48758f
```
#48758f rgb(72,117,143)
```
#4f809c
```
#4f809c rgb(79,128,156)
```
#558ba9
```
#558ba9 rgb(85,139,169)
```

Shade Color Variation

#6294b0
```
#6294b0 rgb(98,148,176)
```
#6f9db6
```
#6f9db6 rgb(111,157,182)
```
#7ca6bd
```
#7ca6bd rgb(124,166,189)
```
#89afc4
```
#89afc4 rgb(137,175,196)
```
#96b7ca
```
#96b7ca rgb(150,183,202)
```
#a3c0d1
```
#a3c0d1 rgb(163,192,209)
```
#b0c9d7
```
#b0c9d7 rgb(176,201,215)
```
#bdd2de
```
#bdd2de rgb(189,210,222)
```
#cadbe5
```
#cadbe5 rgb(202,219,229)
```
#d8e4eb
```
#d8e4eb rgb(216,228,235)
```
#e5edf2
```
#e5edf2 rgb(229,237,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 #056fab is the most saturated one.

#56595a
```
#56595a rgb(86,89,90)
```
#4f5a61
```
#4f5a61 rgb(79,90,97)
```
#495c67
```
#495c67 rgb(73,92,103)
```
#425e6e
```
#425e6e rgb(66,94,110)
```
#3b6075
```
#3b6075 rgb(59,96,117)
```
#34627c
```
#34627c rgb(52,98,124)
```
#2d6483
```
#2d6483 rgb(45,100,131)
```
#276689
```
#276689 rgb(39,102,137)
```
#206790
```
#206790 rgb(32,103,144)
```
#196997
```
#196997 rgb(25,105,151)
```
#126b9e
```
#126b9e rgb(18,107,158)
```
#0c6da4
```
#0c6da4 rgb(12,109,164)
```
#056fab
```
#056fab rgb(5,111,171)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#51595d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6378 Protanopia 1% of men
#5e627e Deuteranopia 1% of men
#416a71 Tritanopia 0.001% of the population

Trichromacy

#516177 Protanomaly 1% of men, 0.01% of women
#51617a Deuteranomaly 6% of men, 0.4% of women
#3e6673 Tritanomaly 0.01% of the population