#3f6475 hex color

In a RGB color space, hex #3f6475 is composed of 24.7% red, 39.2% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 14.5% magenta, 0% yellow and 54.1% black. It has a hue angle of 198.9 degrees, a saturation of 30% and a lightness of 35.3%. #3f6475 color hex could be obtained by blending #7ec8ea with #000000. Closest websafe color is: #336666.

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

● #3f6475 color description : Dark moderate blue.

The hexadecimal color #3f6475 has RGB values of R:63, G:100, B:117 and CMYK values of C:0.46, M:0.15, Y:0, K:0.54. Its decimal value is 4154485.

Hex triplet	3f6475	`#3f6475`
RGB Decimal	63, 100, 117	`rgb(63,100,117)`
RGB Percent	24.7, 39.2, 45.9	`rgb(24.7%,39.2%,45.9%)`
CMYK	46, 15, 0, 54
HSL	198.9°, 30, 35.3	`hsl(198.9,30%,35.3%)`
HSV (or HSB)	198.9°, 46.2, 45.9
Web Safe	336666	`#336666`

CIE-LAB	40.336, -8.234, -13.686
XYZ	9.817, 11.455, 18.522
xyY	0.247, 0.288, 11.455
CIE-LCH	40.336, 15.972, 238.967
CIE-LUV	40.336, -16.935, -17.682
Hunter-Lab	33.845, -7.453, -8.756
Binary	00111111, 01100100, 01110101

#3f6475
```
#3f6475 rgb(63,100,117)
```
#75503f
```
#75503f rgb(117,80,63)
```

Complementary Color

#3f756b
```
#3f756b rgb(63,117,107)
```
#3f6475
```
#3f6475 rgb(63,100,117)
```
#3f4975
```
#3f4975 rgb(63,73,117)
```

Analogous Color

#756b3f
```
#756b3f rgb(117,107,63)
```
#3f6475
```
#3f6475 rgb(63,100,117)
```
#753f49
```
#753f49 rgb(117,63,73)
```

Split Complementary Color

#64753f
```
#64753f rgb(100,117,63)
```
#3f6475
```
#3f6475 rgb(63,100,117)
```
#753f64
```
#753f64 rgb(117,63,100)
```

Triadic Color

#3f7550
```
#3f7550 rgb(63,117,80)
```
#3f6475
```
#3f6475 rgb(63,100,117)
```
#753f64
```
#753f64 rgb(117,63,100)
```
#75503f
```
#75503f rgb(117,80,63)
```

Tetradic Color

#243a43
```
#243a43 rgb(36,58,67)
```
#2d4854
```
#2d4854 rgb(45,72,84)
```
#365664
```
#365664 rgb(54,86,100)
```
#3f6475
```
#3f6475 rgb(63,100,117)
```
#487286
```
#487286 rgb(72,114,134)
```
#518096
```
#518096 rgb(81,128,150)
```
#5a8ea6
```
#5a8ea6 rgb(90,142,166)
```

Monochromatic Color

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

#3f7275
```
#3f7275 rgb(63,114,117)
```
#3f6d75
```
#3f6d75 rgb(63,109,117)
```
#3f6975
```
#3f6975 rgb(63,105,117)
```
#3f6475
```
#3f6475 rgb(63,100,117)
```
#3f6075
```
#3f6075 rgb(63,96,117)
```
#3f5b75
```
#3f5b75 rgb(63,91,117)
```
#3f5775
```
#3f5775 rgb(63,87,117)
```

Similar Colors

Text with hexadecimal color #3f6475

This text has a font color of #3f6475.

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

#3f6475 background color

This paragraph has a background color of #3f6475.

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

#3f6475 border color

This element has a border color of #3f6475.

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

CSS codes

.text {color:#3f6475;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080d0f
```
#080d0f rgb(8,13,15)
```
#0f181c
```
#0f181c rgb(15,24,28)
```
#162329
```
#162329 rgb(22,35,41)
```
#1d2e35
```
#1d2e35 rgb(29,46,53)
```
#243842
```
#243842 rgb(36,56,66)
```
#2a434f
```
#2a434f rgb(42,67,79)
```
#314e5c
```
#314e5c rgb(49,78,92)
```
#385968
```
#385968 rgb(56,89,104)
```
#3f6475
```
#3f6475 rgb(63,100,117)
```
#466f82
```
#466f82 rgb(70,111,130)
```
#4d7a8f
```
#4d7a8f rgb(77,122,143)
```
#54859b
```
#54859b rgb(84,133,155)
```

Shade Color Variation

#5c8fa7
```
#5c8fa7 rgb(92,143,167)
```
#6898ae
```
#6898ae rgb(104,152,174)
```
#75a1b5
```
#75a1b5 rgb(117,161,181)
```
#82a9bc
```
#82a9bc rgb(130,169,188)
```
#8fb2c2
```
#8fb2c2 rgb(143,178,194)
```
#9bbbc9
```
#9bbbc9 rgb(155,187,201)
```
#a8c4d0
```
#a8c4d0 rgb(168,196,208)
```
#b5ccd7
```
#b5ccd7 rgb(181,204,215)
```
#c2d5de
```
#c2d5de rgb(194,213,222)
```
#cedee5
```
#cedee5 rgb(206,222,229)
```
#dbe6ec
```
#dbe6ec rgb(219,230,236)
```
#e8eff2
```
#e8eff2 rgb(232,239,242)
```
#f5f8f9
```
#f5f8f9 rgb(245,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #545c60 is the less saturated color, while #017bb3 is the most saturated one.

#545c60
```
#545c60 rgb(84,92,96)
```
#4d5f67
```
#4d5f67 rgb(77,95,103)
```
#46616e
```
#46616e rgb(70,97,110)
```
#3f6475
```
#3f6475 rgb(63,100,117)
```
#38677c
```
#38677c rgb(56,103,124)
```
#316983
```
#316983 rgb(49,105,131)
```
#2a6c8a
```
#2a6c8a rgb(42,108,138)
```
#236e91
```
#236e91 rgb(35,110,145)
```
#1c7198
```
#1c7198 rgb(28,113,152)
```
#15739f
```
#15739f rgb(21,115,159)
```
#0f76a5
```
#0f76a5 rgb(15,118,165)
```
#0879ac
```
#0879ac rgb(8,121,172)
```
#017bb3
```
#017bb3 rgb(1,123,179)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#555d60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#636678 Protanopia 1% of men
#64657e Deuteranopia 1% of men
#466d75 Tritanopia 0.001% of the population

Trichromacy

#566577 Protanomaly 1% of men, 0.01% of women
#56647b Deuteranomaly 6% of men, 0.4% of women
#436975 Tritanomaly 0.01% of the population

#3f6475 hex color

#3f6475 Color Information

#3f6475 Color Conversion

Color Schemes with #3f6475

Alternatives to #3f6475

#3f6475 Preview

Shades and Tints of #3f6475

Tones of #3f6475

Color Blindness Simulator