#3572aa hex color

In a RGB color space, hex #3572aa is composed of 20.8% red, 44.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 32.9% magenta, 0% yellow and 33.3% black. It has a hue angle of 208.7 degrees, a saturation of 52.5% and a lightness of 43.7%. #3572aa color hex could be obtained by blending #6ae4ff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 21
- G 45
- B 67
RGB color chart
- C 69
- M 33
- Y 0
- K 33
CMYK color chart

● #3572aa color description : Dark moderate blue.

The hexadecimal color #3572aa has RGB values of R:53, G:114, B:170 and CMYK values of C:0.69, M:0.33, Y:0, K:0.33. Its decimal value is 3502762.

Hex triplet	3572aa	`#3572aa`
RGB Decimal	53, 114, 170	`rgb(53,114,170)`
RGB Percent	20.8, 44.7, 66.7	`rgb(20.8%,44.7%,66.7%)`
CMYK	69, 33, 0, 33
HSL	208.7°, 52.5, 43.7	`hsl(208.7,52.5%,43.7%)`
HSV (or HSB)	208.7°, 68.8, 66.7
Web Safe	336699	`#336699`

CIE-LAB	46.569, -1.065, -35.696
XYZ	14.739, 15.693, 40.28
xyY	0.208, 0.222, 15.693
CIE-LCH	46.569, 35.712, 268.292
CIE-LUV	46.569, -23.556, -53.045
Hunter-Lab	39.614, -2.909, -32.557
Binary	00110101, 01110010, 10101010

#3572aa
```
#3572aa rgb(53,114,170)
```
#aa6d35
```
#aa6d35 rgb(170,109,53)
```

Complementary Color

#35aaa8
```
#35aaa8 rgb(53,170,168)
```
#3572aa
```
#3572aa rgb(53,114,170)
```
#3538aa
```
#3538aa rgb(53,56,170)
```

Analogous Color

#aaa835
```
#aaa835 rgb(170,168,53)
```
#3572aa
```
#3572aa rgb(53,114,170)
```
#aa3538
```
#aa3538 rgb(170,53,56)
```

Split Complementary Color

#72aa35
```
#72aa35 rgb(114,170,53)
```
#3572aa
```
#3572aa rgb(53,114,170)
```
#aa3572
```
#aa3572 rgb(170,53,114)
```

Triadic Color

#35aa6d
```
#35aa6d rgb(53,170,109)
```
#3572aa
```
#3572aa rgb(53,114,170)
```
#aa3572
```
#aa3572 rgb(170,53,114)
```
#aa6d35
```
#aa6d35 rgb(170,109,53)
```

Tetradic Color

#234b70
```
#234b70 rgb(35,75,112)
```
#295883
```
#295883 rgb(41,88,131)
```
#2f6597
```
#2f6597 rgb(47,101,151)
```
#3572aa
```
#3572aa rgb(53,114,170)
```
#3b7fbd
```
#3b7fbd rgb(59,127,189)
```
#4b8cc7
```
#4b8cc7 rgb(75,140,199)
```
#5f98cd
```
#5f98cd rgb(95,152,205)
```

Monochromatic Color

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

#358faa
```
#358faa rgb(53,143,170)
```
#3586aa
```
#3586aa rgb(53,134,170)
```
#357caa
```
#357caa rgb(53,124,170)
```
#3572aa
```
#3572aa rgb(53,114,170)
```
#3568aa
```
#3568aa rgb(53,104,170)
```
#355faa
```
#355faa rgb(53,95,170)
```
#3555aa
```
#3555aa rgb(53,85,170)
```

Similar Colors

Text with hexadecimal color #3572aa

This text has a font color of #3572aa.

<span style="color:#3572aa;">Text here</span>

#3572aa background color

This paragraph has a background color of #3572aa.

<p style="background-color:#3572aa;">Content here</p>

#3572aa border color

This element has a border color of #3572aa.

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

CSS codes

.text {color:#3572aa;}

.background {background-color:#3572aa;}

.border {border:1px solid #3572aa;}

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

#020406
```
#020406 rgb(2,4,6)
```
#060e14
```
#060e14 rgb(6,14,20)
```
#0b1823
```
#0b1823 rgb(11,24,35)
```
#102232
```
#102232 rgb(16,34,50)
```
#142c41
```
#142c41 rgb(20,44,65)
```
#193650
```
#193650 rgb(25,54,80)
```
#1e405f
```
#1e405f rgb(30,64,95)
```
#224a6e
```
#224a6e rgb(34,74,110)
```
#27547d
```
#27547d rgb(39,84,125)
```
#2c5e8c
```
#2c5e8c rgb(44,94,140)
```
#30689b
```
#30689b rgb(48,104,155)
```
#3572aa
```
#3572aa rgb(53,114,170)
```
#3a7cb9
```
#3a7cb9 rgb(58,124,185)
```

Shade Color Variation

#4286c4
```
#4286c4 rgb(66,134,196)
```
#518fc9
```
#518fc9 rgb(81,143,201)
```
#6099cd
```
#6099cd rgb(96,153,205)
```
#6fa3d2
```
#6fa3d2 rgb(111,163,210)
```
#7eacd7
```
#7eacd7 rgb(126,172,215)
```
#8db6db
```
#8db6db rgb(141,182,219)
```
#9cbfe0
```
#9cbfe0 rgb(156,191,224)
```
#abc9e5
```
#abc9e5 rgb(171,201,229)
```
#bad3e9
```
#bad3e9 rgb(186,211,233)
```
#c9dcee
```
#c9dcee rgb(201,220,238)
```
#d8e6f3
```
#d8e6f3 rgb(216,230,243)
```
#e7eff7
```
#e7eff7 rgb(231,239,247)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

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

#687077
```
#687077 rgb(104,112,119)
```
#60707f
```
#60707f rgb(96,112,127)
```
#577188
```
#577188 rgb(87,113,136)
```
#4f7190
```
#4f7190 rgb(79,113,144)
```
#467199
```
#467199 rgb(70,113,153)
```
#3e72a1
```
#3e72a1 rgb(62,114,161)
```
#3572aa
```
#3572aa rgb(53,114,170)
```
#2c72b3
```
#2c72b3 rgb(44,114,179)
```
#2473bb
```
#2473bb rgb(36,115,187)
```
#1b73c4
```
#1b73c4 rgb(27,115,196)
```
#1373cc
```
#1373cc rgb(19,115,204)
```
#0a74d5
```
#0a74d5 rgb(10,116,213)
```
#0274dd
```
#0274dd rgb(2,116,221)
```

Tone Color Variation

Below, you can see how #3572aa 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

#666666 Achromatopsia 0.005% of the population
#5c6874 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6174aa Protanopia 1% of men
#5475af Deuteranopia 1% of men
#1d808a Tritanopia 0.001% of the population

Trichromacy

#5173aa Protanomaly 1% of men, 0.01% of women
#4974ad Deuteranomaly 6% of men, 0.4% of women
#257b95 Tritanomaly 0.01% of the population

#3572aa hex color

#3572aa Color Information

#3572aa Color Conversion

Color Schemes with #3572aa

Alternatives to #3572aa

#3572aa Preview

Shades and Tints of #3572aa

Tones of #3572aa

Color Blindness Simulator