#3a53eb hex color

In a RGB color space, hex #3a53eb is composed of 22.7% red, 32.5% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 64.7% magenta, 0% yellow and 7.8% black. It has a hue angle of 231.5 degrees, a saturation of 81.6% and a lightness of 57.5%. #3a53eb color hex could be obtained by blending #74a6ff with #0000d7. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 23
- G 33
- B 92
RGB color chart
- C 75
- M 65
- Y 0
- K 8
CMYK color chart

● #3a53eb color description : Bright blue.

The hexadecimal color #3a53eb has RGB values of R:58, G:83, B:235 and CMYK values of C:0.75, M:0.65, Y:0, K:0.08. Its decimal value is 3822571.

Hex triplet	3a53eb	`#3a53eb`
RGB Decimal	58, 83, 235	`rgb(58,83,235)`
RGB Percent	22.7, 32.5, 92.2	`rgb(22.7%,32.5%,92.2%)`
CMYK	75, 65, 0, 8
HSL	231.5°, 81.6, 57.5	`hsl(231.5,81.6%,57.5%)`
HSV (or HSB)	231.5°, 75.3, 92.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.888, 42.726, -78.995
XYZ	19.831, 13.083, 80.073
xyY	0.176, 0.116, 13.083
CIE-LCH	42.888, 89.809, 298.407
CIE-LUV	42.888, -13.381, -117.244
Hunter-Lab	36.17, 34.565, -105.936
Binary	00111010, 01010011, 11101011

#3a53eb
```
#3a53eb rgb(58,83,235)
```
#ebd23a
```
#ebd23a rgb(235,210,58)
```

Complementary Color

#3aaceb
```
#3aaceb rgb(58,172,235)
```
#3a53eb
```
#3a53eb rgb(58,83,235)
```
#7a3aeb
```
#7a3aeb rgb(122,58,235)
```

Analogous Color

#aceb3a
```
#aceb3a rgb(172,235,58)
```
#3a53eb
```
#3a53eb rgb(58,83,235)
```
#eb7a3a
```
#eb7a3a rgb(235,122,58)
```

Split Complementary Color

#53eb3a
```
#53eb3a rgb(83,235,58)
```
#3a53eb
```
#3a53eb rgb(58,83,235)
```
#eb3a53
```
#eb3a53 rgb(235,58,83)
```

Triadic Color

#3aebd2
```
#3aebd2 rgb(58,235,210)
```
#3a53eb
```
#3a53eb rgb(58,83,235)
```
#eb3a53
```
#eb3a53 rgb(235,58,83)
```
#ebd23a
```
#ebd23a rgb(235,210,58)
```

Tetradic Color

#142dc5
```
#142dc5 rgb(20,45,197)
```
#1632dc
```
#1632dc rgb(22,50,220)
```
#233fe9
```
#233fe9 rgb(35,63,233)
```
#3a53eb
```
#3a53eb rgb(58,83,235)
```
#5167ed
```
#5167ed rgb(81,103,237)
```
#687bf0
```
#687bf0 rgb(104,123,240)
```
#7f90f2
```
#7f90f2 rgb(127,144,242)
```

Monochromatic Color

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

#3a7feb
```
#3a7feb rgb(58,127,235)
```
#3a71eb
```
#3a71eb rgb(58,113,235)
```
#3a62eb
```
#3a62eb rgb(58,98,235)
```
#3a53eb
```
#3a53eb rgb(58,83,235)
```
#3a44eb
```
#3a44eb rgb(58,68,235)
```
#3e3aeb
```
#3e3aeb rgb(62,58,235)
```
#4d3aeb
```
#4d3aeb rgb(77,58,235)
```

Similar Colors

Text with hexadecimal color #3a53eb

This text has a font color of #3a53eb.

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

#3a53eb background color

This paragraph has a background color of #3a53eb.

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

#3a53eb border color

This element has a border color of #3a53eb.

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

CSS codes

.text {color:#3a53eb;}

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

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

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

#020411
```
#020411 rgb(2,4,17)
```
#040822
```
#040822 rgb(4,8,34)
```
#050c34
```
#050c34 rgb(5,12,52)
```
#071046
```
#071046 rgb(7,16,70)
```
#091458
```
#091458 rgb(9,20,88)
```
#0b186a
```
#0b186a rgb(11,24,106)
```
#0d1c7c
```
#0d1c7c rgb(13,28,124)
```
#0e208d
```
#0e208d rgb(14,32,141)
```
#10249f
```
#10249f rgb(16,36,159)
```
#1228b1
```
#1228b1 rgb(18,40,177)
```
#142cc3
```
#142cc3 rgb(20,44,195)
```
#1631d5
```
#1631d5 rgb(22,49,213)
```
#1735e6
```
#1735e6 rgb(23,53,230)
```

Shade Color Variation

#2843e9
```
#2843e9 rgb(40,67,233)
```
#3a53eb
```
#3a53eb rgb(58,83,235)
```
#4c63ed
```
#4c63ed rgb(76,99,237)
```
#5e72ef
```
#5e72ef rgb(94,114,239)
```
#6f82f0
```
#6f82f0 rgb(111,130,240)
```
#8191f2
```
#8191f2 rgb(129,145,242)
```
#93a1f4
```
#93a1f4 rgb(147,161,244)
```
#a5b0f6
```
#a5b0f6 rgb(165,176,246)
```
#b7c0f8
```
#b7c0f8 rgb(183,192,248)
```
#c8cff9
```
#c8cff9 rgb(200,207,249)
```
#dadffb
```
#dadffb rgb(218,223,251)
```
#eceefd
```
#eceefd rgb(236,238,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8f98 is the less saturated color, while #2947fc is the most saturated one.

#8d8f98
```
#8d8f98 rgb(141,143,152)
```
#8589a0
```
#8589a0 rgb(133,137,160)
```
#7d83a8
```
#7d83a8 rgb(125,131,168)
```
#747db1
```
#747db1 rgb(116,125,177)
```
#6c77b9
```
#6c77b9 rgb(108,119,185)
```
#6471c1
```
#6471c1 rgb(100,113,193)
```
#5b6bca
```
#5b6bca rgb(91,107,202)
```
#5365d2
```
#5365d2 rgb(83,101,210)
```
#4b5fda
```
#4b5fda rgb(75,95,218)
```
#4259e3
```
#4259e3 rgb(66,89,227)
```
#3a53eb
```
#3a53eb rgb(58,83,235)
```
#324df3
```
#324df3 rgb(50,77,243)
```
#2947fc
```
#2947fc rgb(41,71,252)
```

Tone Color Variation

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

Dichromacy

#006ace Protanopia 1% of men
#0070b4 Deuteranopia 1% of men
#00787e Tritanopia 0.001% of the population

Trichromacy

#1561d9 Protanomaly 1% of men, 0.01% of women
#1565c8 Deuteranomaly 6% of men, 0.4% of women
#156aa6 Tritanomaly 0.01% of the population

#3a53eb hex color

#3a53eb Color Information

#3a53eb Color Conversion

Color Schemes with #3a53eb

Alternatives to #3a53eb

#3a53eb Preview

Shades and Tints of #3a53eb

Tones of #3a53eb

Color Blindness Simulator