#3a61ec hex color

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

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

● #3a61ec color description : Bright blue.

The hexadecimal color #3a61ec has RGB values of R:58, G:97, B:236 and CMYK values of C:0.75, M:0.59, Y:0, K:0.07. Its decimal value is 3826156.

Hex triplet	3a61ec	`#3a61ec`
RGB Decimal	58, 97, 236	`rgb(58,97,236)`
RGB Percent	22.7, 38, 92.5	`rgb(22.7%,38%,92.5%)`
CMYK	75, 59, 0, 7
HSL	226.9°, 82.4, 57.6	`hsl(226.9,82.4%,57.6%)`
HSV (or HSB)	226.9°, 75.4, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.316, 34.417, -73.949
XYZ	21.157, 15.504, 81.23
xyY	0.179, 0.132, 15.504
CIE-LCH	46.316, 81.565, 294.958
CIE-LUV	46.316, -16.679, -113.085
Hunter-Lab	39.375, 27.006, -94.753
Binary	00111010, 01100001, 11101100

#3a61ec
```
#3a61ec rgb(58,97,236)
```
#ecc53a
```
#ecc53a rgb(236,197,58)
```

Complementary Color

#3abaec
```
#3abaec rgb(58,186,236)
```
#3a61ec
```
#3a61ec rgb(58,97,236)
```
#6c3aec
```
#6c3aec rgb(108,58,236)
```

Analogous Color

#baec3a
```
#baec3a rgb(186,236,58)
```
#3a61ec
```
#3a61ec rgb(58,97,236)
```
#ec6c3a
```
#ec6c3a rgb(236,108,58)
```

Split Complementary Color

#61ec3a
```
#61ec3a rgb(97,236,58)
```
#3a61ec
```
#3a61ec rgb(58,97,236)
```
#ec3a61
```
#ec3a61 rgb(236,58,97)
```

Triadic Color

#3aecc5
```
#3aecc5 rgb(58,236,197)
```
#3a61ec
```
#3a61ec rgb(58,97,236)
```
#ec3a61
```
#ec3a61 rgb(236,58,97)
```
#ecc53a
```
#ecc53a rgb(236,197,58)
```

Tetradic Color

#133ac6
```
#133ac6 rgb(19,58,198)
```
#1541de
```
#1541de rgb(21,65,222)
```
#234eea
```
#234eea rgb(35,78,234)
```
#3a61ec
```
#3a61ec rgb(58,97,236)
```
#5174ee
```
#5174ee rgb(81,116,238)
```
#6986f0
```
#6986f0 rgb(105,134,240)
```
#8099f3
```
#8099f3 rgb(128,153,243)
```

Monochromatic Color

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

#3a8eec
```
#3a8eec rgb(58,142,236)
```
#3a7fec
```
#3a7fec rgb(58,127,236)
```
#3a70ec
```
#3a70ec rgb(58,112,236)
```
#3a61ec
```
#3a61ec rgb(58,97,236)
```
#3a52ec
```
#3a52ec rgb(58,82,236)
```
#3a43ec
```
#3a43ec rgb(58,67,236)
```
#3f3aec
```
#3f3aec rgb(63,58,236)
```

Similar Colors

Text with hexadecimal color #3a61ec

This text has a font color of #3a61ec.

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

#3a61ec background color

This paragraph has a background color of #3a61ec.

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

#3a61ec border color

This element has a border color of #3a61ec.

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

CSS codes

.text {color:#3a61ec;}

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

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

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)
```
#051035
```
#051035 rgb(5,16,53)
```
#071547
```
#071547 rgb(7,21,71)
```
#091a59
```
#091a59 rgb(9,26,89)
```
#0a206b
```
#0a206b rgb(10,32,107)
```
#0c257d
```
#0c257d rgb(12,37,125)
```
#0e2a8f
```
#0e2a8f rgb(14,42,143)
```
#102fa1
```
#102fa1 rgb(16,47,161)
```
#1135b3
```
#1135b3 rgb(17,53,179)
```
#133ac5
```
#133ac5 rgb(19,58,197)
```
#153fd6
```
#153fd6 rgb(21,63,214)
```
#1644e8
```
#1644e8 rgb(22,68,232)
```

Shade Color Variation

#2853ea
```
#2853ea rgb(40,83,234)
```
#3a61ec
```
#3a61ec rgb(58,97,236)
```
#4c6fee
```
#4c6fee rgb(76,111,238)
```
#5e7eef
```
#5e7eef rgb(94,126,239)
```
#708cf1
```
#708cf1 rgb(112,140,241)
```
#829af3
```
#829af3 rgb(130,154,243)
```
#93a9f5
```
#93a9f5 rgb(147,169,245)
```
#a5b7f6
```
#a5b7f6 rgb(165,183,246)
```
#b7c5f8
```
#b7c5f8 rgb(183,197,248)
```
#c9d4fa
```
#c9d4fa rgb(201,212,250)
```
#dbe2fc
```
#dbe2fc rgb(219,226,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, #8d9099 is the less saturated color, while #2958fd is the most saturated one.

#8d9099
```
#8d9099 rgb(141,144,153)
```
#858ba1
```
#858ba1 rgb(133,139,161)
```
#7c86aa
```
#7c86aa rgb(124,134,170)
```
#7482b2
```
#7482b2 rgb(116,130,178)
```
#6c7dba
```
#6c7dba rgb(108,125,186)
```
#6478c2
```
#6478c2 rgb(100,120,194)
```
#5b74cb
```
#5b74cb rgb(91,116,203)
```
#536fd3
```
#536fd3 rgb(83,111,211)
```
#4b6adb
```
#4b6adb rgb(75,106,219)
```
#4266e4
```
#4266e4 rgb(66,102,228)
```
#3a61ec
```
#3a61ec rgb(58,97,236)
```
#325cf4
```
#325cf4 rgb(50,92,244)
```
#2958fd
```
#2958fd rgb(41,88,253)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5c6480 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071de Protanopia 1% of men
#0078c2 Deuteranopia 1% of men
#008088 Tritanopia 0.001% of the population

Trichromacy

#156be3 Protanomaly 1% of men, 0.01% of women
#156fd1 Deuteranomaly 6% of men, 0.4% of women
#1575ac Tritanomaly 0.01% of the population

#3a61ec hex color

#3a61ec Color Information

#3a61ec Color Conversion

Color Schemes with #3a61ec

Alternatives to #3a61ec

#3a61ec Preview

Shades and Tints of #3a61ec

Tones of #3a61ec

Color Blindness Simulator