#3a5dec hex color

In a RGB color space, hex #3a5dec is composed of 22.7% red, 36.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 60.6% magenta, 0% yellow and 7.5% black. It has a hue angle of 228.2 degrees, a saturation of 82.4% and a lightness of 57.6%. #3a5dec color hex could be obtained by blending #74baff with #0000d9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 23
- G 36
- B 93
RGB color chart
- C 75
- M 61
- Y 0
- K 7
CMYK color chart

● #3a5dec color description : Bright blue.

The hexadecimal color #3a5dec has RGB values of R:58, G:93, B:236 and CMYK values of C:0.75, M:0.61, Y:0, K:0.07. Its decimal value is 3825132.

Hex triplet	3a5dec	`#3a5dec`
RGB Decimal	58, 93, 236	`rgb(58,93,236)`
RGB Percent	22.7, 36.5, 92.5	`rgb(22.7%,36.5%,92.5%)`
CMYK	75, 61, 0, 7
HSL	228.2°, 82.4, 57.6	`hsl(228.2,82.4%,57.6%)`
HSV (or HSB)	228.2°, 75.4, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.335, 36.915, -75.55
XYZ	20.796, 14.783, 81.11
xyY	0.178, 0.127, 14.783
CIE-LCH	45.335, 84.087, 296.041
CIE-LUV	45.335, -15.694, -114.633
Hunter-Lab	38.449, 29.264, -98.162
Binary	00111010, 01011101, 11101100

#3a5dec
```
#3a5dec rgb(58,93,236)
```
#ecc93a
```
#ecc93a rgb(236,201,58)
```

Complementary Color

#3ab6ec
```
#3ab6ec rgb(58,182,236)
```
#3a5dec
```
#3a5dec rgb(58,93,236)
```
#703aec
```
#703aec rgb(112,58,236)
```

Analogous Color

#b6ec3a
```
#b6ec3a rgb(182,236,58)
```
#3a5dec
```
#3a5dec rgb(58,93,236)
```
#ec703a
```
#ec703a rgb(236,112,58)
```

Split Complementary Color

#5dec3a
```
#5dec3a rgb(93,236,58)
```
#3a5dec
```
#3a5dec rgb(58,93,236)
```
#ec3a5d
```
#ec3a5d rgb(236,58,93)
```

Triadic Color

#3aecc9
```
#3aecc9 rgb(58,236,201)
```
#3a5dec
```
#3a5dec rgb(58,93,236)
```
#ec3a5d
```
#ec3a5d rgb(236,58,93)
```
#ecc93a
```
#ecc93a rgb(236,201,58)
```

Tetradic Color

#1336c6
```
#1336c6 rgb(19,54,198)
```
#153dde
```
#153dde rgb(21,61,222)
```
#234aea
```
#234aea rgb(35,74,234)
```
#3a5dec
```
#3a5dec rgb(58,93,236)
```
#5170ee
```
#5170ee rgb(81,112,238)
```
#6983f0
```
#6983f0 rgb(105,131,240)
```
#8096f3
```
#8096f3 rgb(128,150,243)
```

Monochromatic Color

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

#3a8aec
```
#3a8aec rgb(58,138,236)
```
#3a7bec
```
#3a7bec rgb(58,123,236)
```
#3a6cec
```
#3a6cec rgb(58,108,236)
```
#3a5dec
```
#3a5dec rgb(58,93,236)
```
#3a4eec
```
#3a4eec rgb(58,78,236)
```
#3a3fec
```
#3a3fec rgb(58,63,236)
```
#433aec
```
#433aec rgb(67,58,236)
```

Similar Colors

Text with hexadecimal color #3a5dec

This text has a font color of #3a5dec.

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

#3a5dec background color

This paragraph has a background color of #3a5dec.

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

#3a5dec border color

This element has a border color of #3a5dec.

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

CSS codes

.text {color:#3a5dec;}

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

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

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

#020512
```
#020512 rgb(2,5,18)
```
#030a24
```
#030a24 rgb(3,10,36)
```
#050f35
```
#050f35 rgb(5,15,53)
```
#071447
```
#071447 rgb(7,20,71)
```
#091859
```
#091859 rgb(9,24,89)
```
#0a1d6b
```
#0a1d6b rgb(10,29,107)
```
#0c227d
```
#0c227d rgb(12,34,125)
```
#0e278f
```
#0e278f rgb(14,39,143)
```
#102ca1
```
#102ca1 rgb(16,44,161)
```
#1131b3
```
#1131b3 rgb(17,49,179)
```
#1336c5
```
#1336c5 rgb(19,54,197)
```
#153bd6
```
#153bd6 rgb(21,59,214)
```
#1640e8
```
#1640e8 rgb(22,64,232)
```

Shade Color Variation

#284eea
```
#284eea rgb(40,78,234)
```
#3a5dec
```
#3a5dec rgb(58,93,236)
```
#4c6cee
```
#4c6cee rgb(76,108,238)
```
#5e7aef
```
#5e7aef rgb(94,122,239)
```
#7089f1
```
#7089f1 rgb(112,137,241)
```
#8298f3
```
#8298f3 rgb(130,152,243)
```
#93a7f5
```
#93a7f5 rgb(147,167,245)
```
#a5b5f6
```
#a5b5f6 rgb(165,181,246)
```
#b7c4f8
```
#b7c4f8 rgb(183,196,248)
```
#c9d3fa
```
#c9d3fa rgb(201,211,250)
```
#dbe1fc
```
#dbe1fc rgb(219,225,252)
```
#edf0fd
```
#edf0fd rgb(237,240,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8d8f99
```
#8d8f99 rgb(141,143,153)
```
#858aa1
```
#858aa1 rgb(133,138,161)
```
#7c85aa
```
#7c85aa rgb(124,133,170)
```
#7480b2
```
#7480b2 rgb(116,128,178)
```
#6c7bba
```
#6c7bba rgb(108,123,186)
```
#6476c2
```
#6476c2 rgb(100,118,194)
```
#5b71cb
```
#5b71cb rgb(91,113,203)
```
#536cd3
```
#536cd3 rgb(83,108,211)
```
#4b67db
```
#4b67db rgb(75,103,219)
```
#4262e4
```
#4262e4 rgb(66,98,228)
```
#3a5dec
```
#3a5dec rgb(58,93,236)
```
#3258f4
```
#3258f4 rgb(50,88,244)
```
#2953fd
```
#2953fd rgb(41,83,253)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5b627e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075be Deuteranopia 1% of men
#007e85 Tritanopia 0.001% of the population

Trichromacy

#1568e0 Protanomaly 1% of men, 0.01% of women
#156cce Deuteranomaly 6% of men, 0.4% of women
#1572aa Tritanomaly 0.01% of the population

#3a5dec hex color

#3a5dec Color Information

#3a5dec Color Conversion

Color Schemes with #3a5dec

Alternatives to #3a5dec

#3a5dec Preview

Shades and Tints of #3a5dec

Tones of #3a5dec

Color Blindness Simulator