#3d5f8c hex color

In a RGB color space, hex #3d5f8c is composed of 23.9% red, 37.3% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 32.1% magenta, 0% yellow and 45.1% black. It has a hue angle of 214.2 degrees, a saturation of 39.3% and a lightness of 39.4%. #3d5f8c color hex could be obtained by blending #7abeff with #000019. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 24
- G 37
- B 55
RGB color chart
- C 56
- M 32
- Y 0
- K 45
CMYK color chart

● #3d5f8c color description : Dark moderate blue.

The hexadecimal color #3d5f8c has RGB values of R:61, G:95, B:140 and CMYK values of C:0.56, M:0.32, Y:0, K:0.45. Its decimal value is 4022156.

Hex triplet	3d5f8c	`#3d5f8c`
RGB Decimal	61, 95, 140	`rgb(61,95,140)`
RGB Percent	23.9, 37.3, 54.9	`rgb(23.9%,37.3%,54.9%)`
CMYK	56, 32, 0, 45
HSL	214.2°, 39.3, 39.4	`hsl(214.2,39.3%,39.4%)`
HSV (or HSB)	214.2°, 56.4, 54.9
Web Safe	336699	`#336699`

CIE-LAB	39.697, 1.723, -28.651
XYZ	10.749, 11.069, 26.38
xyY	0.223, 0.23, 11.069
CIE-LCH	39.697, 28.703, 273.441
CIE-LUV	39.697, -15.397, -40.805
Hunter-Lab	33.271, -0.553, -23.72
Binary	00111101, 01011111, 10001100

#3d5f8c
```
#3d5f8c rgb(61,95,140)
```
#8c6a3d
```
#8c6a3d rgb(140,106,61)
```

Complementary Color

#3d878c
```
#3d878c rgb(61,135,140)
```
#3d5f8c
```
#3d5f8c rgb(61,95,140)
```
#433d8c
```
#433d8c rgb(67,61,140)
```

Analogous Color

#878c3d
```
#878c3d rgb(135,140,61)
```
#3d5f8c
```
#3d5f8c rgb(61,95,140)
```
#8c433d
```
#8c433d rgb(140,67,61)
```

Split Complementary Color

#5f8c3d
```
#5f8c3d rgb(95,140,61)
```
#3d5f8c
```
#3d5f8c rgb(61,95,140)
```
#8c3d5f
```
#8c3d5f rgb(140,61,95)
```

Triadic Color

#3d8c6a
```
#3d8c6a rgb(61,140,106)
```
#3d5f8c
```
#3d5f8c rgb(61,95,140)
```
#8c3d5f
```
#8c3d5f rgb(140,61,95)
```
#8c6a3d
```
#8c6a3d rgb(140,106,61)
```

Tetradic Color

#263b57
```
#263b57 rgb(38,59,87)
```
#2e4768
```
#2e4768 rgb(46,71,104)
```
#35537a
```
#35537a rgb(53,83,122)
```
#3d5f8c
```
#3d5f8c rgb(61,95,140)
```
#456b9e
```
#456b9e rgb(69,107,158)
```
#4c77b0
```
#4c77b0 rgb(76,119,176)
```
#5d84b8
```
#5d84b8 rgb(93,132,184)
```

Monochromatic Color

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

#3d738c
```
#3d738c rgb(61,115,140)
```
#3d6c8c
```
#3d6c8c rgb(61,108,140)
```
#3d668c
```
#3d668c rgb(61,102,140)
```
#3d5f8c
```
#3d5f8c rgb(61,95,140)
```
#3d588c
```
#3d588c rgb(61,88,140)
```
#3d528c
```
#3d528c rgb(61,82,140)
```
#3d4b8c
```
#3d4b8c rgb(61,75,140)
```

Similar Colors

Text with hexadecimal color #3d5f8c

This text has a font color of #3d5f8c.

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

#3d5f8c background color

This paragraph has a background color of #3d5f8c.

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

#3d5f8c border color

This element has a border color of #3d5f8c.

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

CSS codes

.text {color:#3d5f8c;}

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

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

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, #010203 is the darkest color, while #f5f7fb is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#070c11
```
#070c11 rgb(7,12,17)
```
#0d151f
```
#0d151f rgb(13,21,31)
```
#131e2c
```
#131e2c rgb(19,30,44)
```
#19273a
```
#19273a rgb(25,39,58)
```
#1f3148
```
#1f3148 rgb(31,49,72)
```
#253a55
```
#253a55 rgb(37,58,85)
```
#2b4363
```
#2b4363 rgb(43,67,99)
```
#314c71
```
#314c71 rgb(49,76,113)
```
#37567e
```
#37567e rgb(55,86,126)
```
#3d5f8c
```
#3d5f8c rgb(61,95,140)
```
#43689a
```
#43689a rgb(67,104,154)
```
#4972a7
```
#4972a7 rgb(73,114,167)
```

Shade Color Variation

#517bb3
```
#517bb3 rgb(81,123,179)
```
#5e85b9
```
#5e85b9 rgb(94,133,185)
```
#6c90bf
```
#6c90bf rgb(108,144,191)
```
#7a9ac5
```
#7a9ac5 rgb(122,154,197)
```
#87a4cb
```
#87a4cb rgb(135,164,203)
```
#95afd1
```
#95afd1 rgb(149,175,209)
```
#a3b9d7
```
#a3b9d7 rgb(163,185,215)
```
#b0c3dd
```
#b0c3dd rgb(176,195,221)
```
#becee3
```
#becee3 rgb(190,206,227)
```
#ccd8e9
```
#ccd8e9 rgb(204,216,233)
```
#d9e3ef
```
#d9e3ef rgb(217,227,239)
```
#e7edf5
```
#e7edf5 rgb(231,237,245)
```
#f5f7fb
```
#f5f7fb rgb(245,247,251)
```

Tint Color Variation

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

#646465
```
#646465 rgb(100,100,101)
```
#5c636d
```
#5c636d rgb(92,99,109)
```
#546275
```
#546275 rgb(84,98,117)
```
#4c617d
```
#4c617d rgb(76,97,125)
```
#456084
```
#456084 rgb(69,96,132)
```
#3d5f8c
```
#3d5f8c rgb(61,95,140)
```
#355e94
```
#355e94 rgb(53,94,148)
```
#2e5d9b
```
#2e5d9b rgb(46,93,155)
```
#265ca3
```
#265ca3 rgb(38,92,163)
```
#1e5bab
```
#1e5bab rgb(30,91,171)
```
#165ab3
```
#165ab3 rgb(22,90,179)
```
#0f59ba
```
#0f59ba rgb(15,89,186)
```
#0757c2
```
#0757c2 rgb(7,87,194)
```

Tone Color Variation

Below, you can see how #3d5f8c 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
#545b64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#56648f Protanopia 1% of men
#506592 Deuteranopia 1% of men
#396d75 Tritanopia 0.001% of the population

Trichromacy

#4d628e Protanomaly 1% of men, 0.01% of women
#496390 Deuteranomaly 6% of men, 0.4% of women
#3a687d Tritanomaly 0.01% of the population

#3d5f8c hex color

#3d5f8c Color Information

#3d5f8c Color Conversion

Color Schemes with #3d5f8c

Alternatives to #3d5f8c

#3d5f8c Preview

Shades and Tints of #3d5f8c

Tones of #3d5f8c

Color Blindness Simulator