#3f5d85 hex color

In a RGB color space, hex #3f5d85 is composed of 24.7% red, 36.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 30.1% magenta, 0% yellow and 47.8% black. It has a hue angle of 214.3 degrees, a saturation of 35.7% and a lightness of 38.4%. #3f5d85 color hex could be obtained by blending #7ebaff with #00000b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 36
- B 52
RGB color chart
- C 53
- M 30
- Y 0
- K 48
CMYK color chart

● #3f5d85 color description : Dark moderate blue.

The hexadecimal color #3f5d85 has RGB values of R:63, G:93, B:133 and CMYK values of C:0.53, M:0.3, Y:0, K:0.48. Its decimal value is 4152709.

Hex triplet	3f5d85	`#3f5d85`
RGB Decimal	63, 93, 133	`rgb(63,93,133)`
RGB Percent	24.7, 36.5, 52.2	`rgb(24.7%,36.5%,52.2%)`
CMYK	53, 30, 0, 48
HSL	214.3°, 35.7, 38.4	`hsl(214.3,35.7%,38.4%)`
HSV (or HSB)	214.3°, 52.6, 52.2
Web Safe	336699	`#336699`

CIE-LAB	38.861, 1.112, -25.708
XYZ	10.197, 10.578, 23.694
xyY	0.229, 0.238, 10.578
CIE-LCH	38.861, 25.732, 272.476
CIE-LUV	38.861, -14.074, -36.156
Hunter-Lab	32.524, -0.955, -20.425
Binary	00111111, 01011101, 10000101

#3f5d85
```
#3f5d85 rgb(63,93,133)
```
#85673f
```
#85673f rgb(133,103,63)
```

Complementary Color

#3f8085
```
#3f8085 rgb(63,128,133)
```
#3f5d85
```
#3f5d85 rgb(63,93,133)
```
#443f85
```
#443f85 rgb(68,63,133)
```

Analogous Color

#80853f
```
#80853f rgb(128,133,63)
```
#3f5d85
```
#3f5d85 rgb(63,93,133)
```
#85443f
```
#85443f rgb(133,68,63)
```

Split Complementary Color

#5d853f
```
#5d853f rgb(93,133,63)
```
#3f5d85
```
#3f5d85 rgb(63,93,133)
```
#853f5d
```
#853f5d rgb(133,63,93)
```

Triadic Color

#3f8567
```
#3f8567 rgb(63,133,103)
```
#3f5d85
```
#3f5d85 rgb(63,93,133)
```
#853f5d
```
#853f5d rgb(133,63,93)
```
#85673f
```
#85673f rgb(133,103,63)
```

Tetradic Color

#263951
```
#263951 rgb(38,57,81)
```
#2f4562
```
#2f4562 rgb(47,69,98)
```
#375174
```
#375174 rgb(55,81,116)
```
#3f5d85
```
#3f5d85 rgb(63,93,133)
```
#476996
```
#476996 rgb(71,105,150)
```
#4f75a8
```
#4f75a8 rgb(79,117,168)
```
#5e82b3
```
#5e82b3 rgb(94,130,179)
```

Monochromatic Color

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

#3f6f85
```
#3f6f85 rgb(63,111,133)
```
#3f6985
```
#3f6985 rgb(63,105,133)
```
#3f6385
```
#3f6385 rgb(63,99,133)
```
#3f5d85
```
#3f5d85 rgb(63,93,133)
```
#3f5785
```
#3f5785 rgb(63,87,133)
```
#3f5185
```
#3f5185 rgb(63,81,133)
```
#3f4b85
```
#3f4b85 rgb(63,75,133)
```

Similar Colors

Text with hexadecimal color #3f5d85

This text has a font color of #3f5d85.

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

#3f5d85 background color

This paragraph has a background color of #3f5d85.

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

#3f5d85 border color

This element has a border color of #3f5d85.

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

CSS codes

.text {color:#3f5d85;}

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

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

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

#06090d
```
#06090d rgb(6,9,13)
```
#0d131b
```
#0d131b rgb(13,19,27)
```
#131c28
```
#131c28 rgb(19,28,40)
```
#192535
```
#192535 rgb(25,37,53)
```
#1f2e42
```
#1f2e42 rgb(31,46,66)
```
#263850
```
#263850 rgb(38,56,80)
```
#2c415d
```
#2c415d rgb(44,65,93)
```
#324a6a
```
#324a6a rgb(50,74,106)
```
#395478
```
#395478 rgb(57,84,120)
```
#3f5d85
```
#3f5d85 rgb(63,93,133)
```
#456692
```
#456692 rgb(69,102,146)
```
#4c70a0
```
#4c70a0 rgb(76,112,160)
```
#5279ad
```
#5279ad rgb(82,121,173)
```

Shade Color Variation

#5f83b3
```
#5f83b3 rgb(95,131,179)
```
#6c8eba
```
#6c8eba rgb(108,142,186)
```
#7a98c0
```
#7a98c0 rgb(122,152,192)
```
#87a2c6
```
#87a2c6 rgb(135,162,198)
```
#94accd
```
#94accd rgb(148,172,205)
```
#a2b7d3
```
#a2b7d3 rgb(162,183,211)
```
#afc1d9
```
#afc1d9 rgb(175,193,217)
```
#bccbdf
```
#bccbdf rgb(188,203,223)
```
#cad6e6
```
#cad6e6 rgb(202,214,230)
```
#d7e0ec
```
#d7e0ec rgb(215,224,236)
```
#e4eaf2
```
#e4eaf2 rgb(228,234,242)
```
#f2f5f9
```
#f2f5f9 rgb(242,245,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d6167 is the less saturated color, while #0354c1 is the most saturated one.

#5d6167
```
#5d6167 rgb(93,97,103)
```
#56606e
```
#56606e rgb(86,96,110)
```
#4e5f76
```
#4e5f76 rgb(78,95,118)
```
#475e7d
```
#475e7d rgb(71,94,125)
```
#3f5d85
```
#3f5d85 rgb(63,93,133)
```
#375c8d
```
#375c8d rgb(55,92,141)
```
#305b94
```
#305b94 rgb(48,91,148)
```
#285a9c
```
#285a9c rgb(40,90,156)
```
#2159a3
```
#2159a3 rgb(33,89,163)
```
#1958ab
```
#1958ab rgb(25,88,171)
```
#1257b2
```
#1257b2 rgb(18,87,178)
```
#0a55ba
```
#0a55ba rgb(10,85,186)
```
#0354c1
```
#0354c1 rgb(3,84,193)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#545a62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#576289 Protanopia 1% of men
#52638c Deuteranopia 1% of men
#3e6a72 Tritanopia 0.001% of the population

Trichromacy

#4e6087 Protanomaly 1% of men, 0.01% of women
#4b6189 Deuteranomaly 6% of men, 0.4% of women
#3e6579 Tritanomaly 0.01% of the population

#3f5d85 hex color

#3f5d85 Color Information

#3f5d85 Color Conversion

Color Schemes with #3f5d85

Alternatives to #3f5d85

#3f5d85 Preview

Shades and Tints of #3f5d85

Tones of #3f5d85

Color Blindness Simulator