#3545ae hex color

In a RGB color space, hex #3545ae is composed of 20.8% red, 27.1% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 60.3% magenta, 0% yellow and 31.8% black. It has a hue angle of 232.1 degrees, a saturation of 53.3% and a lightness of 44.5%. #3545ae color hex could be obtained by blending #6a8aff with #00005d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 21
- G 27
- B 68
RGB color chart
- C 70
- M 60
- Y 0
- K 32
CMYK color chart

● #3545ae color description : Dark moderate blue.

The hexadecimal color #3545ae has RGB values of R:53, G:69, B:174 and CMYK values of C:0.7, M:0.6, Y:0, K:0.32. Its decimal value is 3491246.

Hex triplet	3545ae	`#3545ae`
RGB Decimal	53, 69, 174	`rgb(53,69,174)`
RGB Percent	20.8, 27.1, 68.2	`rgb(20.8%,27.1%,68.2%)`
CMYK	70, 60, 0, 32
HSL	232.1°, 53.3, 44.5	`hsl(232.1,53.3%,44.5%)`
HSV (or HSB)	232.1°, 69.5, 68.2
Web Safe	333399	`#333399`

CIE-LAB	34.125, 29.327, -58.01
XYZ	11.235, 8.068, 41.007
xyY	0.186, 0.134, 8.068
CIE-LCH	34.125, 65.001, 296.819
CIE-LUV	34.125, -9.673, -81.576
Hunter-Lab	28.405, 20.891, -65.711
Binary	00110101, 01000101, 10101110

#3545ae
```
#3545ae rgb(53,69,174)
```
#ae9e35
```
#ae9e35 rgb(174,158,53)
```

Complementary Color

#3582ae
```
#3582ae rgb(53,130,174)
```
#3545ae
```
#3545ae rgb(53,69,174)
```
#6235ae
```
#6235ae rgb(98,53,174)
```

Analogous Color

#82ae35
```
#82ae35 rgb(130,174,53)
```
#3545ae
```
#3545ae rgb(53,69,174)
```
#ae6235
```
#ae6235 rgb(174,98,53)
```

Split Complementary Color

#45ae35
```
#45ae35 rgb(69,174,53)
```
#3545ae
```
#3545ae rgb(53,69,174)
```
#ae3545
```
#ae3545 rgb(174,53,69)
```

Triadic Color

#35ae9e
```
#35ae9e rgb(53,174,158)
```
#3545ae
```
#3545ae rgb(53,69,174)
```
#ae3545
```
#ae3545 rgb(174,53,69)
```
#ae9e35
```
#ae9e35 rgb(174,158,53)
```

Tetradic Color

#232e73
```
#232e73 rgb(35,46,115)
```
#293587
```
#293587 rgb(41,53,135)
```
#2f3d9a
```
#2f3d9a rgb(47,61,154)
```
#3545ae
```
#3545ae rgb(53,69,174)
```
#3b4dc2
```
#3b4dc2 rgb(59,77,194)
```
#4d5ec9
```
#4d5ec9 rgb(77,94,201)
```
#616fcf
```
#616fcf rgb(97,111,207)
```

Monochromatic Color

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

#3563ae
```
#3563ae rgb(53,99,174)
```
#3559ae
```
#3559ae rgb(53,89,174)
```
#354fae
```
#354fae rgb(53,79,174)
```
#3545ae
```
#3545ae rgb(53,69,174)
```
#353bae
```
#353bae rgb(53,59,174)
```
#3935ae
```
#3935ae rgb(57,53,174)
```
#4335ae
```
#4335ae rgb(67,53,174)
```

Similar Colors

Text with hexadecimal color #3545ae

This text has a font color of #3545ae.

<span style="color:#3545ae;">Text here</span>

#3545ae background color

This paragraph has a background color of #3545ae.

<p style="background-color:#3545ae;">Content here</p>

#3545ae border color

This element has a border color of #3545ae.

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

CSS codes

.text {color:#3545ae;}

.background {background-color:#3545ae;}

.border {border:1px solid #3545ae;}

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

#030309
```
#030309 rgb(3,3,9)
```
#070918
```
#070918 rgb(7,9,24)
```
#0c0f27
```
#0c0f27 rgb(12,15,39)
```
#101536
```
#101536 rgb(16,21,54)
```
#151b45
```
#151b45 rgb(21,27,69)
```
#1a2154
```
#1a2154 rgb(26,33,84)
```
#1e2763
```
#1e2763 rgb(30,39,99)
```
#232d72
```
#232d72 rgb(35,45,114)
```
#273381
```
#273381 rgb(39,51,129)
```
#2c3990
```
#2c3990 rgb(44,57,144)
```
#303f9f
```
#303f9f rgb(48,63,159)
```
#3545ae
```
#3545ae rgb(53,69,174)
```
#3a4bbd
```
#3a4bbd rgb(58,75,189)
```

Shade Color Variation

#4455c6
```
#4455c6 rgb(68,85,198)
```
#5363cb
```
#5363cb rgb(83,99,203)
```
#6271cf
```
#6271cf rgb(98,113,207)
```
#717ed4
```
#717ed4 rgb(113,126,212)
```
#808cd8
```
#808cd8 rgb(128,140,216)
```
#8f9add
```
#8f9add rgb(143,154,221)
```
#9ea7e2
```
#9ea7e2 rgb(158,167,226)
```
#adb5e6
```
#adb5e6 rgb(173,181,230)
```
#bcc3eb
```
#bcc3eb rgb(188,195,235)
```
#cbd0ef
```
#cbd0ef rgb(203,208,239)
```
#dbdef4
```
#dbdef4 rgb(219,222,244)
```
#eaecf8
```
#eaecf8 rgb(234,236,248)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696c7a is the less saturated color, while #011ee2 is the most saturated one.

#696c7a
```
#696c7a rgb(105,108,122)
```
#616582
```
#616582 rgb(97,101,130)
```
#585f8b
```
#585f8b rgb(88,95,139)
```
#4f5894
```
#4f5894 rgb(79,88,148)
```
#46529d
```
#46529d rgb(70,82,157)
```
#3e4ba5
```
#3e4ba5 rgb(62,75,165)
```
#3545ae
```
#3545ae rgb(53,69,174)
```
#2c3fb7
```
#2c3fb7 rgb(44,63,183)
```
#2438bf
```
#2438bf rgb(36,56,191)
```
#1b32c8
```
#1b32c8 rgb(27,50,200)
```
#122bd1
```
#122bd1 rgb(18,43,209)
```
#0925da
```
#0925da rgb(9,37,218)
```
#011ee2
```
#011ee2 rgb(1,30,226)
```

Tone Color Variation

Below, you can see how #3545ae 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

#4c4c4c Achromatopsia 0.005% of the population
#474b60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a9 Protanopia 1% of men
#005b94 Deuteranopia 1% of men
#006268 Tritanopia 0.001% of the population

Trichromacy

#1350ab Protanomaly 1% of men, 0.01% of women
#13539d Deuteranomaly 6% of men, 0.4% of women
#135781 Tritanomaly 0.01% of the population

#3545ae hex color

#3545ae Color Information

#3545ae Color Conversion

Color Schemes with #3545ae

Alternatives to #3545ae

#3545ae Preview

Shades and Tints of #3545ae

Tones of #3545ae

Color Blindness Simulator