#3a55e3 hex color

In a RGB color space, hex #3a55e3 is composed of 22.7% red, 33.3% green and 89% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 62.6% magenta, 0% yellow and 11% black. It has a hue angle of 230.4 degrees, a saturation of 75.1% and a lightness of 55.9%. #3a55e3 color hex could be obtained by blending #74aaff with #0000c7. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 23
- G 33
- B 89
RGB color chart
- C 74
- M 63
- Y 0
- K 11
CMYK color chart

● #3a55e3 color description : Bright blue.

The hexadecimal color #3a55e3 has RGB values of R:58, G:85, B:227 and CMYK values of C:0.74, M:0.63, Y:0, K:0.11. Its decimal value is 3823075.

Hex triplet	3a55e3	`#3a55e3`
RGB Decimal	58, 85, 227	`rgb(58,85,227)`
RGB Percent	22.7, 33.3, 89	`rgb(22.7%,33.3%,89%)`
CMYK	74, 63, 0, 11
HSL	230.4°, 75.1, 55.9	`hsl(230.4,75.1%,55.9%)`
HSV (or HSB)	230.4°, 74.4, 89
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.675, 38.703, -74.815
XYZ	18.856, 12.941, 74.173
xyY	0.178, 0.122, 12.941
CIE-LCH	42.675, 84.233, 297.353
CIE-LUV	42.675, -13.676, -111.447
Hunter-Lab	35.974, 30.606, -97.065
Binary	00111010, 01010101, 11100011

#3a55e3
```
#3a55e3 rgb(58,85,227)
```
#e3c83a
```
#e3c83a rgb(227,200,58)
```

Complementary Color

#3aaae3
```
#3aaae3 rgb(58,170,227)
```
#3a55e3
```
#3a55e3 rgb(58,85,227)
```
#743ae3
```
#743ae3 rgb(116,58,227)
```

Analogous Color

#aae33a
```
#aae33a rgb(170,227,58)
```
#3a55e3
```
#3a55e3 rgb(58,85,227)
```
#e3743a
```
#e3743a rgb(227,116,58)
```

Split Complementary Color

#55e33a
```
#55e33a rgb(85,227,58)
```
#3a55e3
```
#3a55e3 rgb(58,85,227)
```
#e33a55
```
#e33a55 rgb(227,58,85)
```

Triadic Color

#3ae3c8
```
#3ae3c8 rgb(58,227,200)
```
#3a55e3
```
#3a55e3 rgb(58,85,227)
```
#e33a55
```
#e33a55 rgb(227,58,85)
```
#e3c83a
```
#e3c83a rgb(227,200,58)
```

Tetradic Color

#1a33b7
```
#1a33b7 rgb(26,51,183)
```
#1d39cd
```
#1d39cd rgb(29,57,205)
```
#2442e0
```
#2442e0 rgb(36,66,224)
```
#3a55e3
```
#3a55e3 rgb(58,85,227)
```
#5068e6
```
#5068e6 rgb(80,104,230)
```
#677ce9
```
#677ce9 rgb(103,124,233)
```
#7d8fed
```
#7d8fed rgb(125,143,237)
```

Monochromatic Color

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

#3a7fe3
```
#3a7fe3 rgb(58,127,227)
```
#3a71e3
```
#3a71e3 rgb(58,113,227)
```
#3a63e3
```
#3a63e3 rgb(58,99,227)
```
#3a55e3
```
#3a55e3 rgb(58,85,227)
```
#3a47e3
```
#3a47e3 rgb(58,71,227)
```
#3b3ae3
```
#3b3ae3 rgb(59,58,227)
```
#493ae3
```
#493ae3 rgb(73,58,227)
```

Similar Colors

Text with hexadecimal color #3a55e3

This text has a font color of #3a55e3.

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

#3a55e3 background color

This paragraph has a background color of #3a55e3.

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

#3a55e3 border color

This element has a border color of #3a55e3.

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

CSS codes

.text {color:#3a55e3;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#04071a
```
#04071a rgb(4,7,26)
```
#060c2b
```
#060c2b rgb(6,12,43)
```
#09113d
```
#09113d rgb(9,17,61)
```
#0b164e
```
#0b164e rgb(11,22,78)
```
#0d1b5f
```
#0d1b5f rgb(13,27,95)
```
#101f70
```
#101f70 rgb(16,31,112)
```
#122481
```
#122481 rgb(18,36,129)
```
#152992
```
#152992 rgb(21,41,146)
```
#172ea4
```
#172ea4 rgb(23,46,164)
```
#1a32b5
```
#1a32b5 rgb(26,50,181)
```
#1c37c6
```
#1c37c6 rgb(28,55,198)
```
#1f3cd7
```
#1f3cd7 rgb(31,60,215)
```

Shade Color Variation

#2946e1
```
#2946e1 rgb(41,70,225)
```
#3a55e3
```
#3a55e3 rgb(58,85,227)
```
#4b64e5
```
#4b64e5 rgb(75,100,229)
```
#5c73e8
```
#5c73e8 rgb(92,115,232)
```
#6e81ea
```
#6e81ea rgb(110,129,234)
```
#7f90ed
```
#7f90ed rgb(127,144,237)
```
#909fef
```
#909fef rgb(144,159,239)
```
#a1aef2
```
#a1aef2 rgb(161,174,242)
```
#b2bdf4
```
#b2bdf4 rgb(178,189,244)
```
#c3ccf7
```
#c3ccf7 rgb(195,204,247)
```
#d5daf9
```
#d5daf9 rgb(213,218,249)
```
#e6e9fb
```
#e6e9fb rgb(230,233,251)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888a95 is the less saturated color, while #2043fd is the most saturated one.

#888a95
```
#888a95 rgb(136,138,149)
```
#7f849e
```
#7f849e rgb(127,132,158)
```
#777ea6
```
#777ea6 rgb(119,126,166)
```
#6e78af
```
#6e78af rgb(110,120,175)
```
#6572b8
```
#6572b8 rgb(101,114,184)
```
#5d6dc0
```
#5d6dc0 rgb(93,109,192)
```
#5467c9
```
#5467c9 rgb(84,103,201)
```
#4b61d2
```
#4b61d2 rgb(75,97,210)
```
#435bda
```
#435bda rgb(67,91,218)
```
#3a55e3
```
#3a55e3 rgb(58,85,227)
```
#314fec
```
#314fec rgb(49,79,236)
```
#2949f4
```
#2949f4 rgb(41,73,244)
```
#2043fd
```
#2043fd rgb(32,67,253)
```

Tone Color Variation

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

Dichromacy

#0069ce Protanopia 1% of men
#006fb3 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#1562d5 Protanomaly 1% of men, 0.01% of women
#1565c4 Deuteranomaly 6% of men, 0.4% of women
#156aa2 Tritanomaly 0.01% of the population

#3a55e3 hex color

#3a55e3 Color Information

#3a55e3 Color Conversion

Color Schemes with #3a55e3

Alternatives to #3a55e3

#3a55e3 Preview

Shades and Tints of #3a55e3

Tones of #3a55e3

Color Blindness Simulator