#3f5865 hex color

In a RGB color space, hex #3f5865 is composed of 24.7% red, 34.5% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 37.6% cyan, 12.9% magenta, 0% yellow and 60.4% black. It has a hue angle of 200.5 degrees, a saturation of 23.2% and a lightness of 32.2%. #3f5865 color hex could be obtained by blending #7eb0ca with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 25
- G 35
- B 40
RGB color chart
- C 38
- M 13
- Y 0
- K 60
CMYK color chart

● #3f5865 color description : Very dark desaturated blue.

The hexadecimal color #3f5865 has RGB values of R:63, G:88, B:101 and CMYK values of C:0.38, M:0.13, Y:0, K:0.6. Its decimal value is 4151397.

Hex triplet	3f5865	`#3f5865`
RGB Decimal	63, 88, 101	`rgb(63,88,101)`
RGB Percent	24.7, 34.5, 39.6	`rgb(24.7%,34.5%,39.6%)`
CMYK	38, 13, 0, 60
HSL	200.5°, 23.2, 32.2	`hsl(200.5,23.2%,32.2%)`
HSV (or HSB)	200.5°, 37.6, 39.6
Web Safe	336666	`#336666`

CIE-LAB	35.937, -5.771, -10.497
XYZ	7.888, 8.975, 13.628
xyY	0.259, 0.294, 8.975
CIE-LCH	35.937, 11.978, 241.198
CIE-LUV	35.937, -12.055, -13.031
Hunter-Lab	29.959, -5.431, -5.999
Binary	00111111, 01011000, 01100101

#3f5865
```
#3f5865 rgb(63,88,101)
```
#654c3f
```
#654c3f rgb(101,76,63)
```

Complementary Color

#3f655f
```
#3f655f rgb(63,101,95)
```
#3f5865
```
#3f5865 rgb(63,88,101)
```
#3f4565
```
#3f4565 rgb(63,69,101)
```

Analogous Color

#655f3f
```
#655f3f rgb(101,95,63)
```
#3f5865
```
#3f5865 rgb(63,88,101)
```
#653f45
```
#653f45 rgb(101,63,69)
```

Split Complementary Color

#58653f
```
#58653f rgb(88,101,63)
```
#3f5865
```
#3f5865 rgb(63,88,101)
```
#653f58
```
#653f58 rgb(101,63,88)
```

Triadic Color

#3f654c
```
#3f654c rgb(63,101,76)
```
#3f5865
```
#3f5865 rgb(63,88,101)
```
#653f58
```
#653f58 rgb(101,63,88)
```
#654c3f
```
#654c3f rgb(101,76,63)
```

Tetradic Color

#222f36
```
#222f36 rgb(34,47,54)
```
#2b3d46
```
#2b3d46 rgb(43,61,70)
```
#354a55
```
#354a55 rgb(53,74,85)
```
#3f5865
```
#3f5865 rgb(63,88,101)
```
#496675
```
#496675 rgb(73,102,117)
```
#537384
```
#537384 rgb(83,115,132)
```
#5c8194
```
#5c8194 rgb(92,129,148)
```

Monochromatic Color

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

#3f6265
```
#3f6265 rgb(63,98,101)
```
#3f5e65
```
#3f5e65 rgb(63,94,101)
```
#3f5b65
```
#3f5b65 rgb(63,91,101)
```
#3f5865
```
#3f5865 rgb(63,88,101)
```
#3f5565
```
#3f5565 rgb(63,85,101)
```
#3f5265
```
#3f5265 rgb(63,82,101)
```
#3f4f65
```
#3f4f65 rgb(63,79,101)
```

Similar Colors

Text with hexadecimal color #3f5865

This text has a font color of #3f5865.

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

#3f5865 background color

This paragraph has a background color of #3f5865.

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

#3f5865 border color

This element has a border color of #3f5865.

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

CSS codes

.text {color:#3f5865;}

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

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0a0e10
```
#0a0e10 rgb(10,14,16)
```
#12191d
```
#12191d rgb(18,25,29)
```
#192329
```
#192329 rgb(25,35,41)
```
#212e35
```
#212e35 rgb(33,46,53)
```
#283841
```
#283841 rgb(40,56,65)
```
#30434d
```
#30434d rgb(48,67,77)
```
#374d59
```
#374d59 rgb(55,77,89)
```
#3f5865
```
#3f5865 rgb(63,88,101)
```
#476371
```
#476371 rgb(71,99,113)
```
#4e6d7d
```
#4e6d7d rgb(78,109,125)
```
#567889
```
#567889 rgb(86,120,137)
```
#5d8295
```
#5d8295 rgb(93,130,149)
```

Shade Color Variation

#668ca0
```
#668ca0 rgb(102,140,160)
```
#7295a7
```
#7295a7 rgb(114,149,167)
```
#7e9eaf
```
#7e9eaf rgb(126,158,175)
```
#8ba7b6
```
#8ba7b6 rgb(139,167,182)
```
#97b0be
```
#97b0be rgb(151,176,190)
```
#a3bac5
```
#a3bac5 rgb(163,186,197)
```
#afc3cd
```
#afc3cd rgb(175,195,205)
```
#bbccd5
```
#bbccd5 rgb(187,204,213)
```
#c7d5dc
```
#c7d5dc rgb(199,213,220)
```
#d3dee4
```
#d3dee4 rgb(211,222,228)
```
#dfe7eb
```
#dfe7eb rgb(223,231,235)
```
#ebf0f3
```
#ebf0f3 rgb(235,240,243)
```
#f7f9fa
```
#f7f9fa rgb(247,249,250)
```

Tint Color Variation

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

#525252
```
#525252 rgb(82,82,82)
```
#4c5458
```
#4c5458 rgb(76,84,88)
```
#45565f
```
#45565f rgb(69,86,95)
```
#3f5865
```
#3f5865 rgb(63,88,101)
```
#395a6b
```
#395a6b rgb(57,90,107)
```
#325c72
```
#325c72 rgb(50,92,114)
```
#2c5e78
```
#2c5e78 rgb(44,94,120)
```
#26607e
```
#26607e rgb(38,96,126)
```
#1f6285
```
#1f6285 rgb(31,98,133)
```
#19648b
```
#19648b rgb(25,100,139)
```
#136691
```
#136691 rgb(19,102,145)
```
#0d6897
```
#0d6897 rgb(13,104,151)
```
#066a9e
```
#066a9e rgb(6,106,158)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4e5356 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a5c6a Protanopia 1% of men
#5c5b6e Deuteranopia 1% of men
#476168 Tritanopia 0.001% of the population

Trichromacy

#505a68 Protanomaly 1% of men, 0.01% of women
#525a6b Deuteranomaly 6% of men, 0.4% of women
#445e67 Tritanomaly 0.01% of the population

#3f5865 hex color

#3f5865 Color Information

#3f5865 Color Conversion

Color Schemes with #3f5865

Alternatives to #3f5865

#3f5865 Preview

Shades and Tints of #3f5865

Tones of #3f5865

Color Blindness Simulator