#3a5fae hex color

In a RGB color space, hex #3a5fae is composed of 22.7% red, 37.3% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 45.4% magenta, 0% yellow and 31.8% black. It has a hue angle of 220.9 degrees, a saturation of 50% and a lightness of 45.5%. #3a5fae color hex could be obtained by blending #74beff with #00005d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 23
- G 37
- B 68
RGB color chart
- C 67
- M 45
- Y 0
- K 32
CMYK color chart

● #3a5fae color description : Dark moderate blue.

The hexadecimal color #3a5fae has RGB values of R:58, G:95, B:174 and CMYK values of C:0.67, M:0.45, Y:0, K:0.32. Its decimal value is 3825582.

Hex triplet	3a5fae	`#3a5fae`
RGB Decimal	58, 95, 174	`rgb(58,95,174)`
RGB Percent	22.7, 37.3, 68.2	`rgb(22.7%,37.3%,68.2%)`
CMYK	67, 45, 0, 32
HSL	220.9°, 50, 45.5	`hsl(220.9,50%,45.5%)`
HSV (or HSB)	220.9°, 66.7, 68.2
Web Safe	336699	`#336699`

CIE-LAB	41.436, 13.148, -46.184
XYZ	13.475, 12.139, 41.675
xyY	0.2, 0.18, 12.139
CIE-LCH	41.436, 48.019, 285.891
CIE-LUV	41.436, -16.001, -68.707
Hunter-Lab	34.841, 8.066, -46.53
Binary	00111010, 01011111, 10101110

#3a5fae
```
#3a5fae rgb(58,95,174)
```
#ae893a
```
#ae893a rgb(174,137,58)
```

Complementary Color

#3a99ae
```
#3a99ae rgb(58,153,174)
```
#3a5fae
```
#3a5fae rgb(58,95,174)
```
#4f3aae
```
#4f3aae rgb(79,58,174)
```

Analogous Color

#99ae3a
```
#99ae3a rgb(153,174,58)
```
#3a5fae
```
#3a5fae rgb(58,95,174)
```
#ae4f3a
```
#ae4f3a rgb(174,79,58)
```

Split Complementary Color

#5fae3a
```
#5fae3a rgb(95,174,58)
```
#3a5fae
```
#3a5fae rgb(58,95,174)
```
#ae3a5f
```
#ae3a5f rgb(174,58,95)
```

Triadic Color

#3aae89
```
#3aae89 rgb(58,174,137)
```
#3a5fae
```
#3a5fae rgb(58,95,174)
```
#ae3a5f
```
#ae3a5f rgb(174,58,95)
```
#ae893a
```
#ae893a rgb(174,137,58)
```

Tetradic Color

#274075
```
#274075 rgb(39,64,117)
```
#2d4a88
```
#2d4a88 rgb(45,74,136)
```
#34559b
```
#34559b rgb(52,85,155)
```
#3a5fae
```
#3a5fae rgb(58,95,174)
```
#426ac0
```
#426ac0 rgb(66,106,192)
```
#5579c6
```
#5579c6 rgb(85,121,198)
```
#6888cd
```
#6888cd rgb(104,136,205)
```

Monochromatic Color

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

#3a7cae
```
#3a7cae rgb(58,124,174)
```
#3a72ae
```
#3a72ae rgb(58,114,174)
```
#3a69ae
```
#3a69ae rgb(58,105,174)
```
#3a5fae
```
#3a5fae rgb(58,95,174)
```
#3a55ae
```
#3a55ae rgb(58,85,174)
```
#3a4cae
```
#3a4cae rgb(58,76,174)
```
#3a42ae
```
#3a42ae rgb(58,66,174)
```

Similar Colors

Text with hexadecimal color #3a5fae

This text has a font color of #3a5fae.

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

#3a5fae background color

This paragraph has a background color of #3a5fae.

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

#3a5fae border color

This element has a border color of #3a5fae.

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

CSS codes

.text {color:#3a5fae;}

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

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

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, #04070c is the darkest color, while #fcfdfe is the lightest one.

#04070c
```
#04070c rgb(4,7,12)
```
#090f1b
```
#090f1b rgb(9,15,27)
```
#0e172a
```
#0e172a rgb(14,23,42)
```
#131f38
```
#131f38 rgb(19,31,56)
```
#182747
```
#182747 rgb(24,39,71)
```
#1d2f56
```
#1d2f56 rgb(29,47,86)
```
#213764
```
#213764 rgb(33,55,100)
```
#263f73
```
#263f73 rgb(38,63,115)
```
#2b4782
```
#2b4782 rgb(43,71,130)
```
#304f91
```
#304f91 rgb(48,79,145)
```
#35579f
```
#35579f rgb(53,87,159)
```
#3a5fae
```
#3a5fae rgb(58,95,174)
```
#3f67bd
```
#3f67bd rgb(63,103,189)
```

Shade Color Variation

#4c72c3
```
#4c72c3 rgb(76,114,195)
```
#5b7ec8
```
#5b7ec8 rgb(91,126,200)
```
#6989cd
```
#6989cd rgb(105,137,205)
```
#7895d2
```
#7895d2 rgb(120,149,210)
```
#87a0d7
```
#87a0d7 rgb(135,160,215)
```
#95acdc
```
#95acdc rgb(149,172,220)
```
#a4b8e1
```
#a4b8e1 rgb(164,184,225)
```
#b3c3e6
```
#b3c3e6 rgb(179,195,230)
```
#c2cfeb
```
#c2cfeb rgb(194,207,235)
```
#d0daef
```
#d0daef rgb(208,218,239)
```
#dfe6f4
```
#dfe6f4 rgb(223,230,244)
```
#eef1f9
```
#eef1f9 rgb(238,241,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#707278
```
#707278 rgb(112,114,120)
```
#676f81
```
#676f81 rgb(103,111,129)
```
#5e6c8a
```
#5e6c8a rgb(94,108,138)
```
#556993
```
#556993 rgb(85,105,147)
```
#4c659c
```
#4c659c rgb(76,101,156)
```
#4362a5
```
#4362a5 rgb(67,98,165)
```
#3a5fae
```
#3a5fae rgb(58,95,174)
```
#315cb7
```
#315cb7 rgb(49,92,183)
```
#2859c0
```
#2859c0 rgb(40,89,192)
```
#1f55c9
```
#1f55c9 rgb(31,85,201)
```
#1652d2
```
#1652d2 rgb(22,82,210)
```
#0d4fdb
```
#0d4fdb rgb(13,79,219)
```
#044ce4
```
#044ce4 rgb(4,76,228)
```

Tone Color Variation

Below, you can see how #3a5fae 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
#565d6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4367b2 Protanopia 1% of men
#236bb0 Deuteranopia 1% of men
#00747c Tritanopia 0.001% of the population

Trichromacy

#3f64b0 Protanomaly 1% of men, 0.01% of women
#2b66af Deuteranomaly 6% of men, 0.4% of women
#156c8e Tritanomaly 0.01% of the population

#3a5fae hex color

#3a5fae Color Information

#3a5fae Color Conversion

Color Schemes with #3a5fae

Alternatives to #3a5fae

#3a5fae Preview

Shades and Tints of #3a5fae

Tones of #3a5fae

Color Blindness Simulator