#3e5aed hex color

In a RGB color space, hex #3e5aed is composed of 24.3% red, 35.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 62% magenta, 0% yellow and 7.1% black. It has a hue angle of 230.4 degrees, a saturation of 82.9% and a lightness of 58.6%. #3e5aed color hex could be obtained by blending #7cb4ff with #0000db. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 24
- G 35
- B 93
RGB color chart
- C 74
- M 62
- Y 0
- K 7
CMYK color chart

● #3e5aed color description : Bright blue.

The hexadecimal color #3e5aed has RGB values of R:62, G:90, B:237 and CMYK values of C:0.74, M:0.62, Y:0, K:0.07. Its decimal value is 4086509.

Hex triplet	3e5aed	`#3e5aed`
RGB Decimal	62, 90, 237	`rgb(62,90,237)`
RGB Percent	24.3, 35.3, 92.9	`rgb(24.3%,35.3%,92.9%)`
CMYK	74, 62, 0, 7
HSL	230.4°, 82.9, 58.6	`hsl(230.4,82.9%,58.6%)`
HSV (or HSB)	230.4°, 73.8, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.871, 39.54, -76.866
XYZ	20.926, 14.45, 81.802
xyY	0.179, 0.123, 14.45
CIE-LCH	44.871, 86.44, 297.221
CIE-LUV	44.871, -14.332, -116.158
Hunter-Lab	38.013, 31.741, -100.982
Binary	00111110, 01011010, 11101101

#3e5aed
```
#3e5aed rgb(62,90,237)
```
#edd13e
```
#edd13e rgb(237,209,62)
```

Complementary Color

#3eb2ed
```
#3eb2ed rgb(62,178,237)
```
#3e5aed
```
#3e5aed rgb(62,90,237)
```
#7a3eed
```
#7a3eed rgb(122,62,237)
```

Analogous Color

#b2ed3e
```
#b2ed3e rgb(178,237,62)
```
#3e5aed
```
#3e5aed rgb(62,90,237)
```
#ed7a3e
```
#ed7a3e rgb(237,122,62)
```

Split Complementary Color

#5aed3e
```
#5aed3e rgb(90,237,62)
```
#3e5aed
```
#3e5aed rgb(62,90,237)
```
#ed3e5a
```
#ed3e5a rgb(237,62,90)
```

Triadic Color

#3eedd1
```
#3eedd1 rgb(62,237,209)
```
#3e5aed
```
#3e5aed rgb(62,90,237)
```
#ed3e5a
```
#ed3e5a rgb(237,62,90)
```
#edd13e
```
#edd13e rgb(237,209,62)
```

Tetradic Color

#1331cc
```
#1331cc rgb(19,49,204)
```
#1536e3
```
#1536e3 rgb(21,54,227)
```
#2746eb
```
#2746eb rgb(39,70,235)
```
#3e5aed
```
#3e5aed rgb(62,90,237)
```
#556eef
```
#556eef rgb(85,110,239)
```
#6d82f1
```
#6d82f1 rgb(109,130,241)
```
#8496f4
```
#8496f4 rgb(132,150,244)
```

Monochromatic Color

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

#3e86ed
```
#3e86ed rgb(62,134,237)
```
#3e77ed
```
#3e77ed rgb(62,119,237)
```
#3e69ed
```
#3e69ed rgb(62,105,237)
```
#3e5aed
```
#3e5aed rgb(62,90,237)
```
#3e4bed
```
#3e4bed rgb(62,75,237)
```
#3f3eed
```
#3f3eed rgb(63,62,237)
```
#4e3eed
```
#4e3eed rgb(78,62,237)
```

Similar Colors

Text with hexadecimal color #3e5aed

This text has a font color of #3e5aed.

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

#3e5aed background color

This paragraph has a background color of #3e5aed.

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

#3e5aed border color

This element has a border color of #3e5aed.

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

CSS codes

.text {color:#3e5aed;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#020516
```
#020516 rgb(2,5,22)
```
#040a28
```
#040a28 rgb(4,10,40)
```
#050e3a
```
#050e3a rgb(5,14,58)
```
#07124c
```
#07124c rgb(7,18,76)
```
#09165e
```
#09165e rgb(9,22,94)
```
#0a1b70
```
#0a1b70 rgb(10,27,112)
```
#0c1f82
```
#0c1f82 rgb(12,31,130)
```
#0e2394
```
#0e2394 rgb(14,35,148)
```
#0f28a6
```
#0f28a6 rgb(15,40,166)
```
#112cb8
```
#112cb8 rgb(17,44,184)
```
#1330ca
```
#1330ca rgb(19,48,202)
```
#1434dc
```
#1434dc rgb(20,52,220)
```

Shade Color Variation

#1a3bea
```
#1a3bea rgb(26,59,234)
```
#2c4beb
```
#2c4beb rgb(44,75,235)
```
#3e5aed
```
#3e5aed rgb(62,90,237)
```
#5069ef
```
#5069ef rgb(80,105,239)
```
#6279f0
```
#6279f0 rgb(98,121,240)
```
#7488f2
```
#7488f2 rgb(116,136,242)
```
#8697f4
```
#8697f4 rgb(134,151,244)
```
#98a7f5
```
#98a7f5 rgb(152,167,245)
```
#aab6f7
```
#aab6f7 rgb(170,182,247)
```
#bcc5f9
```
#bcc5f9 rgb(188,197,249)
```
#ced5fa
```
#ced5fa rgb(206,213,250)
```
#dfe4fc
```
#dfe4fc rgb(223,228,252)
```
#f1f3fe
```
#f1f3fe rgb(241,243,254)
```

Tint Color Variation

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

#8f919c
```
#8f919c rgb(143,145,156)
```
#878ca4
```
#878ca4 rgb(135,140,164)
```
#7f86ac
```
#7f86ac rgb(127,134,172)
```
#7781b4
```
#7781b4 rgb(119,129,180)
```
#6f7bbc
```
#6f7bbc rgb(111,123,188)
```
#6776c4
```
#6776c4 rgb(103,118,196)
```
#5e70cd
```
#5e70cd rgb(94,112,205)
```
#566bd5
```
#566bd5 rgb(86,107,213)
```
#4e65dd
```
#4e65dd rgb(78,101,221)
```
#4660e5
```
#4660e5 rgb(70,96,229)
```
#3e5aed
```
#3e5aed rgb(62,90,237)
```
#3654f5
```
#3654f5 rgb(54,84,245)
```
#2e4ffd
```
#2e4ffd rgb(46,79,253)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5b607e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074bc Deuteranopia 1% of men
#007d84 Tritanopia 0.001% of the population

Trichromacy

#1667df Protanomaly 1% of men, 0.01% of women
#166bcd Deuteranomaly 6% of men, 0.4% of women
#1670aa Tritanomaly 0.01% of the population

#3e5aed hex color

#3e5aed Color Information

#3e5aed Color Conversion

Color Schemes with #3e5aed

Alternatives to #3e5aed

#3e5aed Preview

Shades and Tints of #3e5aed

Tones of #3e5aed

Color Blindness Simulator