colorhexa.com

#3a52ba hex color

In a RGB color space, hex #3a52ba is composed of 22.7% red, 32.2% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 55.9% magenta, 0% yellow and 27.1% black. It has a hue angle of 228.8 degrees, a saturation of 52.5% and a lightness of 47.8%. #3a52ba color hex could be obtained by blending #74a4ff with #000075. Closest websafe color is: #3366cc.

- R 23
- G 32
- B 73
RGB color chart
- C 69
- M 56
- Y 0
- K 27
CMYK color chart

● #3a52ba color description : Moderate blue.

The hexadecimal color #3a52ba has RGB values of R:58, G:82, B:186 and CMYK values of C:0.69, M:0.56, Y:0, K:0.27. Its decimal value is 3822266.

Hex triplet	3a52ba	`#3a52ba`
RGB Decimal	58, 82, 186	`rgb(58,82,186)`
RGB Percent	22.7, 32.2, 72.9	`rgb(22.7%,32.2%,72.9%)`
CMYK	69, 56, 0, 27
HSL	228.8°, 52.5, 47.8	`hsl(228.8,52.5%,47.8%)`
HSV (or HSB)	228.8°, 68.8, 72.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.688, 25.945, -57.667
XYZ	13.623, 10.478, 47.756
xyY	0.19, 0.146, 10.478
CIE-LCH	38.688, 63.235, 294.223
CIE-LUV	38.688, -12.238, -84.526
Hunter-Lab	32.37, 18.474, -64.811
Binary	00111010, 01010010, 10111010

#3a52ba
```
#3a52ba rgb(58,82,186)
```
#baa23a
```
#baa23a rgb(186,162,58)
```

Complementary Color

#3a92ba
```
#3a92ba rgb(58,146,186)
```
#3a52ba
```
#3a52ba rgb(58,82,186)
```
#623aba
```
#623aba rgb(98,58,186)
```

Analogous Color

#92ba3a
```
#92ba3a rgb(146,186,58)
```
#3a52ba
```
#3a52ba rgb(58,82,186)
```
#ba623a
```
#ba623a rgb(186,98,58)
```

Split Complementary Color

#52ba3a
```
#52ba3a rgb(82,186,58)
```
#3a52ba
```
#3a52ba rgb(58,82,186)
```
#ba3a52
```
#ba3a52 rgb(186,58,82)
```

Triadic Color

#3abaa2
```
#3abaa2 rgb(58,186,162)
```
#3a52ba
```
#3a52ba rgb(58,82,186)
```
#ba3a52
```
#ba3a52 rgb(186,58,82)
```
#baa23a
```
#baa23a rgb(186,162,58)
```

Tetradic Color

#283880
```
#283880 rgb(40,56,128)
```
#2e4193
```
#2e4193 rgb(46,65,147)
```
#3449a7
```
#3449a7 rgb(52,73,167)
```
#3a52ba
```
#3a52ba rgb(58,82,186)
```
#485fc6
```
#485fc6 rgb(72,95,198)
```
#5b70cc
```
#5b70cc rgb(91,112,204)
```
#6f81d2
```
#6f81d2 rgb(111,129,210)
```

Monochromatic Color

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

#3a72ba
```
#3a72ba rgb(58,114,186)
```
#3a67ba
```
#3a67ba rgb(58,103,186)
```
#3a5dba
```
#3a5dba rgb(58,93,186)
```
#3a52ba
```
#3a52ba rgb(58,82,186)
```
#3a47ba
```
#3a47ba rgb(58,71,186)
```
#3a3dba
```
#3a3dba rgb(58,61,186)
```
#423aba
```
#423aba rgb(66,58,186)
```

Similar Colors

Text with hexadecimal color #3a52ba

This text has a font color of #3a52ba.

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

#3a52ba background color

This paragraph has a background color of #3a52ba.

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

#3a52ba border color

This element has a border color of #3a52ba.

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

CSS codes

.text {color:#3a52ba;}

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

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

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

#020307
```
#020307 rgb(2,3,7)
```
#070916
```
#070916 rgb(7,9,22)
```
#0b1024
```
#0b1024 rgb(11,16,36)
```
#101733
```
#101733 rgb(16,23,51)
```
#151d42
```
#151d42 rgb(21,29,66)
```
#192451
```
#192451 rgb(25,36,81)
```
#1e2a60
```
#1e2a60 rgb(30,42,96)
```
#23316f
```
#23316f rgb(35,49,111)
```
#27387e
```
#27387e rgb(39,56,126)
```
#2c3e8d
```
#2c3e8d rgb(44,62,141)
```
#31459c
```
#31459c rgb(49,69,156)
```
#354bab
```
#354bab rgb(53,75,171)
```
#3a52ba
```
#3a52ba rgb(58,82,186)
```

Shade Color Variation

#435bc4
```
#435bc4 rgb(67,91,196)
```
#5268c9
```
#5268c9 rgb(82,104,201)
```
#6175ce
```
#6175ce rgb(97,117,206)
```
#7082d2
```
#7082d2 rgb(112,130,210)
```
#7f90d7
```
#7f90d7 rgb(127,144,215)
```
#8e9ddc
```
#8e9ddc rgb(142,157,220)
```
#9daae0
```
#9daae0 rgb(157,170,224)
```
#acb7e5
```
#acb7e5 rgb(172,183,229)
```
#bbc4ea
```
#bbc4ea rgb(187,196,234)
```
#cad1ee
```
#cad1ee rgb(202,209,238)
```
#d9def3
```
#d9def3 rgb(217,222,243)
```
#e8ebf8
```
#e8ebf8 rgb(232,235,248)
```
#f7f8fc
```
#f7f8fc rgb(247,248,252)
```

Tint Color Variation

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

#727582
```
#727582 rgb(114,117,130)
```
#696f8b
```
#696f8b rgb(105,111,139)
```
#606994
```
#606994 rgb(96,105,148)
```
#56649e
```
#56649e rgb(86,100,158)
```
#4d5ea7
```
#4d5ea7 rgb(77,94,167)
```
#4358b1
```
#4358b1 rgb(67,88,177)
```
#3a52ba
```
#3a52ba rgb(58,82,186)
```
#314cc3
```
#314cc3 rgb(49,76,195)
```
#2746cd
```
#2746cd rgb(39,70,205)
```
#1e40d6
```
#1e40d6 rgb(30,64,214)
```
#143be0
```
#143be0 rgb(20,59,224)
```
#0b35e9
```
#0b35e9 rgb(11,53,233)
```
#022ff2
```
#022ff2 rgb(2,47,242)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#51566b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bd Protanopia 1% of men
#0065a6 Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

#155bbc Protanomaly 1% of men, 0.01% of women
#155ead Deuteranomaly 6% of men, 0.4% of women
#15638d Tritanomaly 0.01% of the population