#3f538d hex color

In a RGB color space, hex #3f538d is composed of 24.7% red, 32.5% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 41.1% magenta, 0% yellow and 44.7% black. It has a hue angle of 224.6 degrees, a saturation of 38.2% and a lightness of 40%. #3f538d color hex could be obtained by blending #7ea6ff with #00001b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 33
- B 55
RGB color chart
- C 55
- M 41
- Y 0
- K 45
CMYK color chart

● #3f538d color description : Dark moderate blue.

The hexadecimal color #3f538d has RGB values of R:63, G:83, B:141 and CMYK values of C:0.55, M:0.41, Y:0, K:0.45. Its decimal value is 4150157.

Hex triplet	3f538d	`#3f538d`
RGB Decimal	63, 83, 141	`rgb(63,83,141)`
RGB Percent	24.7, 32.5, 55.3	`rgb(24.7%,32.5%,55.3%)`
CMYK	55, 41, 0, 45
HSL	224.6°, 38.2, 40	`hsl(224.6,38.2%,40%)`
HSV (or HSB)	224.6°, 55.3, 55.3
Web Safe	336699	`#336699`

CIE-LAB	36.302, 10.209, -34.605
XYZ	9.95, 9.166, 26.443
xyY	0.218, 0.201, 9.166
CIE-LCH	36.302, 36.079, 286.437
CIE-LUV	36.302, -10.539, -49.343
Hunter-Lab	30.275, 5.682, -30.592
Binary	00111111, 01010011, 10001101

#3f538d
```
#3f538d rgb(63,83,141)
```
#8d793f
```
#8d793f rgb(141,121,63)
```

Complementary Color

#3f7a8d
```
#3f7a8d rgb(63,122,141)
```
#3f538d
```
#3f538d rgb(63,83,141)
```
#523f8d
```
#523f8d rgb(82,63,141)
```

Analogous Color

#7a8d3f
```
#7a8d3f rgb(122,141,63)
```
#3f538d
```
#3f538d rgb(63,83,141)
```
#8d523f
```
#8d523f rgb(141,82,63)
```

Split Complementary Color

#538d3f
```
#538d3f rgb(83,141,63)
```
#3f538d
```
#3f538d rgb(63,83,141)
```
#8d3f53
```
#8d3f53 rgb(141,63,83)
```

Triadic Color

#3f8d79
```
#3f8d79 rgb(63,141,121)
```
#3f538d
```
#3f538d rgb(63,83,141)
```
#8d3f53
```
#8d3f53 rgb(141,63,83)
```
#8d793f
```
#8d793f rgb(141,121,63)
```

Tetradic Color

#273458
```
#273458 rgb(39,52,88)
```
#2f3e6a
```
#2f3e6a rgb(47,62,106)
```
#37497b
```
#37497b rgb(55,73,123)
```
#3f538d
```
#3f538d rgb(63,83,141)
```
#475d9f
```
#475d9f rgb(71,93,159)
```
#4f68b0
```
#4f68b0 rgb(79,104,176)
```
#6077b8
```
#6077b8 rgb(96,119,184)
```

Monochromatic Color

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

#3f678d
```
#3f678d rgb(63,103,141)
```
#3f608d
```
#3f608d rgb(63,96,141)
```
#3f5a8d
```
#3f5a8d rgb(63,90,141)
```
#3f538d
```
#3f538d rgb(63,83,141)
```
#3f4d8d
```
#3f4d8d rgb(63,77,141)
```
#3f468d
```
#3f468d rgb(63,70,141)
```
#3f408d
```
#3f408d rgb(63,64,141)
```

Similar Colors

Text with hexadecimal color #3f538d

This text has a font color of #3f538d.

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

#3f538d background color

This paragraph has a background color of #3f538d.

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

#3f538d border color

This element has a border color of #3f538d.

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

CSS codes

.text {color:#3f538d;}

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

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

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 #f7f8fb is the lightest one.

#020305
```
#020305 rgb(2,3,5)
```
#080b13
```
#080b13 rgb(8,11,19)
```
#0f1321
```
#0f1321 rgb(15,19,33)
```
#151b2e
```
#151b2e rgb(21,27,46)
```
#1b233c
```
#1b233c rgb(27,35,60)
```
#212b49
```
#212b49 rgb(33,43,73)
```
#273357
```
#273357 rgb(39,51,87)
```
#2d3b64
```
#2d3b64 rgb(45,59,100)
```
#334372
```
#334372 rgb(51,67,114)
```
#394b7f
```
#394b7f rgb(57,75,127)
```
#3f538d
```
#3f538d rgb(63,83,141)
```
#455b9b
```
#455b9b rgb(69,91,155)
```
#4b63a8
```
#4b63a8 rgb(75,99,168)
```

Shade Color Variation

#546cb3
```
#546cb3 rgb(84,108,179)
```
#6278b9
```
#6278b9 rgb(98,120,185)
```
#6f84bf
```
#6f84bf rgb(111,132,191)
```
#7d8fc5
```
#7d8fc5 rgb(125,143,197)
```
#8a9bcb
```
#8a9bcb rgb(138,155,203)
```
#98a7d1
```
#98a7d1 rgb(152,167,209)
```
#a6b2d7
```
#a6b2d7 rgb(166,178,215)
```
#b3bedd
```
#b3bedd rgb(179,190,221)
```
#c1c9e3
```
#c1c9e3 rgb(193,201,227)
```
#ced5e9
```
#ced5e9 rgb(206,213,233)
```
#dce1ef
```
#dce1ef rgb(220,225,239)
```
#e9ecf5
```
#e9ecf5 rgb(233,236,245)
```
#f7f8fb
```
#f7f8fb rgb(247,248,251)
```

Tint Color Variation

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

#5e626e
```
#5e626e rgb(94,98,110)
```
#575e75
```
#575e75 rgb(87,94,117)
```
#4f5b7d
```
#4f5b7d rgb(79,91,125)
```
#475785
```
#475785 rgb(71,87,133)
```
#3f538d
```
#3f538d rgb(63,83,141)
```
#374f95
```
#374f95 rgb(55,79,149)
```
#2f4b9d
```
#2f4b9d rgb(47,75,157)
```
#2748a5
```
#2748a5 rgb(39,72,165)
```
#2044ac
```
#2044ac rgb(32,68,172)
```
#1840b4
```
#1840b4 rgb(24,64,180)
```
#103cbc
```
#103cbc rgb(16,60,188)
```
#0838c4
```
#0838c4 rgb(8,56,196)
```
#0034cc
```
#0034cc rgb(0,52,204)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#50545f Atypical Achromatopsia 0.001% of the population

Dichromacy

#465c93 Protanopia 1% of men
#3b5e91 Deuteranopia 1% of men
#37646c Tritanopia 0.001% of the population

Trichromacy

#435991 Protanomaly 1% of men, 0.01% of women
#3d5a90 Deuteranomaly 6% of men, 0.4% of women
#395e78 Tritanomaly 0.01% of the population

#3f538d hex color

#3f538d Color Information

#3f538d Color Conversion

Color Schemes with #3f538d

Alternatives to #3f538d

#3f538d Preview

Shades and Tints of #3f538d

Tones of #3f538d

Color Blindness Simulator