#3d5faa hex color

In a RGB color space, hex #3d5faa is composed of 23.9% red, 37.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 44.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 221.3 degrees, a saturation of 47.2% and a lightness of 45.3%. #3d5faa color hex could be obtained by blending #7abeff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 24
- G 37
- B 67
RGB color chart
- C 64
- M 44
- Y 0
- K 33
CMYK color chart

● #3d5faa color description : Dark moderate blue.

The hexadecimal color #3d5faa has RGB values of R:61, G:95, B:170 and CMYK values of C:0.64, M:0.44, Y:0, K:0.33. Its decimal value is 4022186.

Hex triplet	3d5faa	`#3d5faa`
RGB Decimal	61, 95, 170	`rgb(61,95,170)`
RGB Percent	23.9, 37.3, 66.7	`rgb(23.9%,37.3%,66.7%)`
CMYK	64, 44, 0, 33
HSL	221.3°, 47.2, 45.3	`hsl(221.3,47.2%,45.3%)`
HSV (or HSB)	221.3°, 64.1, 66.7
Web Safe	336699	`#336699`

CIE-LAB	41.34, 12.237, -43.971
XYZ	13.271, 12.078, 39.66
xyY	0.204, 0.186, 12.078
CIE-LCH	41.34, 45.642, 285.552
CIE-LUV	41.34, -15.302, -65.303
Hunter-Lab	34.753, 7.343, -43.333
Binary	00111101, 01011111, 10101010

#3d5faa
```
#3d5faa rgb(61,95,170)
```
#aa883d
```
#aa883d rgb(170,136,61)
```

Complementary Color

#3d96aa
```
#3d96aa rgb(61,150,170)
```
#3d5faa
```
#3d5faa rgb(61,95,170)
```
#523daa
```
#523daa rgb(82,61,170)
```

Analogous Color

#96aa3d
```
#96aa3d rgb(150,170,61)
```
#3d5faa
```
#3d5faa rgb(61,95,170)
```
#aa523d
```
#aa523d rgb(170,82,61)
```

Split Complementary Color

#5faa3d
```
#5faa3d rgb(95,170,61)
```
#3d5faa
```
#3d5faa rgb(61,95,170)
```
#aa3d5f
```
#aa3d5f rgb(170,61,95)
```

Triadic Color

#3daa88
```
#3daa88 rgb(61,170,136)
```
#3d5faa
```
#3d5faa rgb(61,95,170)
```
#aa3d5f
```
#aa3d5f rgb(170,61,95)
```
#aa883d
```
#aa883d rgb(170,136,61)
```

Tetradic Color

#294072
```
#294072 rgb(41,64,114)
```
#304a84
```
#304a84 rgb(48,74,132)
```
#365597
```
#365597 rgb(54,85,151)
```
#3d5faa
```
#3d5faa rgb(61,95,170)
```
#446abc
```
#446abc rgb(68,106,188)
```
#5779c3
```
#5779c3 rgb(87,121,195)
```
#6a88ca
```
#6a88ca rgb(106,136,202)
```

Monochromatic Color

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

#3d7aaa
```
#3d7aaa rgb(61,122,170)
```
#3d71aa
```
#3d71aa rgb(61,113,170)
```
#3d68aa
```
#3d68aa rgb(61,104,170)
```
#3d5faa
```
#3d5faa rgb(61,95,170)
```
#3d56aa
```
#3d56aa rgb(61,86,170)
```
#3d4daa
```
#3d4daa rgb(61,77,170)
```
#3d44aa
```
#3d44aa rgb(61,68,170)
```

Similar Colors

Text with hexadecimal color #3d5faa

This text has a font color of #3d5faa.

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

#3d5faa background color

This paragraph has a background color of #3d5faa.

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

#3d5faa border color

This element has a border color of #3d5faa.

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

CSS codes

.text {color:#3d5faa;}

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

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

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, #04060b is the darkest color, while #fcfcfe is the lightest one.

#04060b
```
#04060b rgb(4,6,11)
```
#090e1a
```
#090e1a rgb(9,14,26)
```
#0e1628
```
#0e1628 rgb(14,22,40)
```
#141e37
```
#141e37 rgb(20,30,55)
```
#192745
```
#192745 rgb(25,39,69)
```
#1e2f53
```
#1e2f53 rgb(30,47,83)
```
#233762
```
#233762 rgb(35,55,98)
```
#283f70
```
#283f70 rgb(40,63,112)
```
#2d477f
```
#2d477f rgb(45,71,127)
```
#334f8d
```
#334f8d rgb(51,79,141)
```
#38579c
```
#38579c rgb(56,87,156)
```
#3d5faa
```
#3d5faa rgb(61,95,170)
```
#4267b8
```
#4267b8 rgb(66,103,184)
```

Shade Color Variation

#4f72c0
```
#4f72c0 rgb(79,114,192)
```
#5d7dc5
```
#5d7dc5 rgb(93,125,197)
```
#6b89ca
```
#6b89ca rgb(107,137,202)
```
#7a94cf
```
#7a94cf rgb(122,148,207)
```
#88a0d4
```
#88a0d4 rgb(136,160,212)
```
#97acda
```
#97acda rgb(151,172,218)
```
#a5b7df
```
#a5b7df rgb(165,183,223)
```
#b4c3e4
```
#b4c3e4 rgb(180,195,228)
```
#c2cee9
```
#c2cee9 rgb(194,206,233)
```
#d0daee
```
#d0daee rgb(208,218,238)
```
#dfe5f3
```
#dfe5f3 rgb(223,229,243)
```
#edf1f9
```
#edf1f9 rgb(237,241,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#727375
```
#727375 rgb(114,115,117)
```
#69707e
```
#69707e rgb(105,112,126)
```
#616c86
```
#616c86 rgb(97,108,134)
```
#58698f
```
#58698f rgb(88,105,143)
```
#4f6698
```
#4f6698 rgb(79,102,152)
```
#4662a1
```
#4662a1 rgb(70,98,161)
```
#3d5faa
```
#3d5faa rgb(61,95,170)
```
#345cb3
```
#345cb3 rgb(52,92,179)
```
#2b58bc
```
#2b58bc rgb(43,88,188)
```
#2255c5
```
#2255c5 rgb(34,85,197)
```
#1952ce
```
#1952ce rgb(25,82,206)
```
#114ed6
```
#114ed6 rgb(17,78,214)
```
#084bdf
```
#084bdf rgb(8,75,223)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#575d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4667ae Protanopia 1% of men
#2f6aac Deuteranopia 1% of men
#20737b Tritanopia 0.001% of the population

Trichromacy

#4364ac Protanomaly 1% of men, 0.01% of women
#3466ab Deuteranomaly 6% of men, 0.4% of women
#2a6b8c Tritanomaly 0.01% of the population

#3d5faa hex color

#3d5faa Color Information

#3d5faa Color Conversion

Color Schemes with #3d5faa

Alternatives to #3d5faa

#3d5faa Preview

Shades and Tints of #3d5faa

Tones of #3d5faa

Color Blindness Simulator