#3f5ea0 hex color

In a RGB color space, hex #3f5ea0 is composed of 24.7% red, 36.9% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 41.3% magenta, 0% yellow and 37.3% black. It has a hue angle of 220.8 degrees, a saturation of 43.5% and a lightness of 43.7%. #3f5ea0 color hex could be obtained by blending #7ebcff with #000041. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 37
- B 63
RGB color chart
- C 61
- M 41
- Y 0
- K 37
CMYK color chart

● #3f5ea0 color description : Dark moderate blue.

The hexadecimal color #3f5ea0 has RGB values of R:63, G:94, B:160 and CMYK values of C:0.61, M:0.41, Y:0, K:0.37. Its decimal value is 4152992.

Hex triplet	3f5ea0	`#3f5ea0`
RGB Decimal	63, 94, 160	`rgb(63,94,160)`
RGB Percent	24.7, 36.9, 62.7	`rgb(24.7%,36.9%,62.7%)`
CMYK	61, 41, 0, 37
HSL	220.8°, 43.5, 43.7	`hsl(220.8,43.5%,43.7%)`
HSV (or HSB)	220.8°, 60.6, 62.7
Web Safe	336699	`#336699`

CIE-LAB	40.572, 9.718, -39.258
XYZ	12.396, 11.6, 34.841
xyY	0.211, 0.197, 11.6
CIE-LCH	40.572, 40.443, 283.904
CIE-LUV	40.572, -14.448, -57.745
Hunter-Lab	34.058, 5.368, -36.813
Binary	00111111, 01011110, 10100000

#3f5ea0
```
#3f5ea0 rgb(63,94,160)
```
#a0813f
```
#a0813f rgb(160,129,63)
```

Complementary Color

#3f8fa0
```
#3f8fa0 rgb(63,143,160)
```
#3f5ea0
```
#3f5ea0 rgb(63,94,160)
```
#503fa0
```
#503fa0 rgb(80,63,160)
```

Analogous Color

#8fa03f
```
#8fa03f rgb(143,160,63)
```
#3f5ea0
```
#3f5ea0 rgb(63,94,160)
```
#a0513f
```
#a0513f rgb(160,81,63)
```

Split Complementary Color

#5ea03f
```
#5ea03f rgb(94,160,63)
```
#3f5ea0
```
#3f5ea0 rgb(63,94,160)
```
#a03f5e
```
#a03f5e rgb(160,63,94)
```

Triadic Color

#3fa081
```
#3fa081 rgb(63,160,129)
```
#3f5ea0
```
#3f5ea0 rgb(63,94,160)
```
#a03f5e
```
#a03f5e rgb(160,63,94)
```
#a0813f
```
#a0813f rgb(160,129,63)
```

Tetradic Color

#293e69
```
#293e69 rgb(41,62,105)
```
#31497b
```
#31497b rgb(49,73,123)
```
#38538e
```
#38538e rgb(56,83,142)
```
#3f5ea0
```
#3f5ea0 rgb(63,94,160)
```
#4669b2
```
#4669b2 rgb(70,105,178)
```
#5676bc
```
#5676bc rgb(86,118,188)
```
#6885c4
```
#6885c4 rgb(104,133,196)
```

Monochromatic Color

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

#3f76a0
```
#3f76a0 rgb(63,118,160)
```
#3f6ea0
```
#3f6ea0 rgb(63,110,160)
```
#3f66a0
```
#3f66a0 rgb(63,102,160)
```
#3f5ea0
```
#3f5ea0 rgb(63,94,160)
```
#3f56a0
```
#3f56a0 rgb(63,86,160)
```
#3f4ea0
```
#3f4ea0 rgb(63,78,160)
```
#3f46a0
```
#3f46a0 rgb(63,70,160)
```

Similar Colors

Text with hexadecimal color #3f5ea0

This text has a font color of #3f5ea0.

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

#3f5ea0 background color

This paragraph has a background color of #3f5ea0.

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

#3f5ea0 border color

This element has a border color of #3f5ea0.

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

CSS codes

.text {color:#3f5ea0;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#080b13
```
#080b13 rgb(8,11,19)
```
#0d1421
```
#0d1421 rgb(13,20,33)
```
#131c2f
```
#131c2f rgb(19,28,47)
```
#18243d
```
#18243d rgb(24,36,61)
```
#1e2c4c
```
#1e2c4c rgb(30,44,76)
```
#23355a
```
#23355a rgb(35,53,90)
```
#293d68
```
#293d68 rgb(41,61,104)
```
#2e4576
```
#2e4576 rgb(46,69,118)
```
#344d84
```
#344d84 rgb(52,77,132)
```
#395692
```
#395692 rgb(57,86,146)
```
#3f5ea0
```
#3f5ea0 rgb(63,94,160)
```
#4566ae
```
#4566ae rgb(69,102,174)
```

Shade Color Variation

#4d70b9
```
#4d70b9 rgb(77,112,185)
```
#5b7bbf
```
#5b7bbf rgb(91,123,191)
```
#6986c4
```
#6986c4 rgb(105,134,196)
```
#7792ca
```
#7792ca rgb(119,146,202)
```
#869dcf
```
#869dcf rgb(134,157,207)
```
#94a8d5
```
#94a8d5 rgb(148,168,213)
```
#a2b4da
```
#a2b4da rgb(162,180,218)
```
#b0bfe0
```
#b0bfe0 rgb(176,191,224)
```
#becae5
```
#becae5 rgb(190,202,229)
```
#ccd6eb
```
#ccd6eb rgb(204,214,235)
```
#dae1f0
```
#dae1f0 rgb(218,225,240)
```
#e8ecf6
```
#e8ecf6 rgb(232,236,246)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6d75 is the less saturated color, while #0348dc is the most saturated one.

#6a6d75
```
#6a6d75 rgb(106,109,117)
```
#616a7e
```
#616a7e rgb(97,106,126)
```
#596786
```
#596786 rgb(89,103,134)
```
#50648f
```
#50648f rgb(80,100,143)
```
#486197
```
#486197 rgb(72,97,151)
```
#3f5ea0
```
#3f5ea0 rgb(63,94,160)
```
#365ba9
```
#365ba9 rgb(54,91,169)
```
#2e58b1
```
#2e58b1 rgb(46,88,177)
```
#2555ba
```
#2555ba rgb(37,85,186)
```
#1d52c2
```
#1d52c2 rgb(29,82,194)
```
#144fcb
```
#144fcb rgb(20,79,203)
```
#0c4bd3
```
#0c4bd3 rgb(12,75,211)
```
#0348dc
```
#0348dc rgb(3,72,220)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#565c6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b65a4 Protanopia 1% of men
#3c68a4 Deuteranopia 1% of men
#2e7078 Tritanopia 0.001% of the population

Trichromacy

#4763a2 Protanomaly 1% of men, 0.01% of women
#3d64a2 Deuteranomaly 6% of men, 0.4% of women
#346987 Tritanomaly 0.01% of the population

#3f5ea0 hex color

#3f5ea0 Color Information

#3f5ea0 Color Conversion

Color Schemes with #3f5ea0

Alternatives to #3f5ea0

#3f5ea0 Preview

Shades and Tints of #3f5ea0

Tones of #3f5ea0

Color Blindness Simulator