#3a60ea hex color

In a RGB color space, hex #3a60ea is composed of 22.7% red, 37.6% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 59% magenta, 0% yellow and 8.2% black. It has a hue angle of 227 degrees, a saturation of 80.7% and a lightness of 57.3%. #3a60ea color hex could be obtained by blending #74c0ff with #0000d5. Closest websafe color is: #3366ff.

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

● #3a60ea color description : Bright blue.

The hexadecimal color #3a60ea has RGB values of R:58, G:96, B:234 and CMYK values of C:0.75, M:0.59, Y:0, K:0.08. Its decimal value is 3825898.

Hex triplet	3a60ea	`#3a60ea`
RGB Decimal	58, 96, 234	`rgb(58,96,234)`
RGB Percent	22.7, 37.6, 91.8	`rgb(22.7%,37.6%,91.8%)`
CMYK	75, 59, 0, 8
HSL	227°, 80.7, 57.3	`hsl(227,80.7%,57.3%)`
HSV (or HSB)	227°, 75.2, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.913, 34.327, -73.481
XYZ	20.776, 15.204, 79.677
xyY	0.18, 0.131, 15.204
CIE-LCH	45.913, 81.104, 295.04
CIE-LUV	45.913, -16.414, -112.124
Hunter-Lab	38.993, 26.87, -93.857
Binary	00111010, 01100000, 11101010

#3a60ea
```
#3a60ea rgb(58,96,234)
```
#eac43a
```
#eac43a rgb(234,196,58)
```

Complementary Color

#3ab8ea
```
#3ab8ea rgb(58,184,234)
```
#3a60ea
```
#3a60ea rgb(58,96,234)
```
#6c3aea
```
#6c3aea rgb(108,58,234)
```

Analogous Color

#b8ea3a
```
#b8ea3a rgb(184,234,58)
```
#3a60ea
```
#3a60ea rgb(58,96,234)
```
#ea6c3a
```
#ea6c3a rgb(234,108,58)
```

Split Complementary Color

#60ea3a
```
#60ea3a rgb(96,234,58)
```
#3a60ea
```
#3a60ea rgb(58,96,234)
```
#ea3a60
```
#ea3a60 rgb(234,58,96)
```

Triadic Color

#3aeac4
```
#3aeac4 rgb(58,234,196)
```
#3a60ea
```
#3a60ea rgb(58,96,234)
```
#ea3a60
```
#ea3a60 rgb(234,58,96)
```
#eac43a
```
#eac43a rgb(234,196,58)
```

Tetradic Color

#153ac3
```
#153ac3 rgb(21,58,195)
```
#1741da
```
#1741da rgb(23,65,218)
```
#234de8
```
#234de8 rgb(35,77,232)
```
#3a60ea
```
#3a60ea rgb(58,96,234)
```
#5173ec
```
#5173ec rgb(81,115,236)
```
#6885ef
```
#6885ef rgb(104,133,239)
```
#7f98f1
```
#7f98f1 rgb(127,152,241)
```

Monochromatic Color

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

#3a8cea
```
#3a8cea rgb(58,140,234)
```
#3a7dea
```
#3a7dea rgb(58,125,234)
```
#3a6fea
```
#3a6fea rgb(58,111,234)
```
#3a60ea
```
#3a60ea rgb(58,96,234)
```
#3a51ea
```
#3a51ea rgb(58,81,234)
```
#3a43ea
```
#3a43ea rgb(58,67,234)
```
#403aea
```
#403aea rgb(64,58,234)
```

Similar Colors

Text with hexadecimal color #3a60ea

This text has a font color of #3a60ea.

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

#3a60ea background color

This paragraph has a background color of #3a60ea.

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

#3a60ea border color

This element has a border color of #3a60ea.

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

CSS codes

.text {color:#3a60ea;}

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

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

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

#020510
```
#020510 rgb(2,5,16)
```
#040a21
```
#040a21 rgb(4,10,33)
```
#050f33
```
#050f33 rgb(5,15,51)
```
#071545
```
#071545 rgb(7,21,69)
```
#091a57
```
#091a57 rgb(9,26,87)
```
#0b1f68
```
#0b1f68 rgb(11,31,104)
```
#0d257a
```
#0d257a rgb(13,37,122)
```
#0f2a8c
```
#0f2a8c rgb(15,42,140)
```
#112f9e
```
#112f9e rgb(17,47,158)
```
#1334af
```
#1334af rgb(19,52,175)
```
#153ac1
```
#153ac1 rgb(21,58,193)
```
#163fd3
```
#163fd3 rgb(22,63,211)
```
#1844e4
```
#1844e4 rgb(24,68,228)
```

Shade Color Variation

#2852e8
```
#2852e8 rgb(40,82,232)
```
#3a60ea
```
#3a60ea rgb(58,96,234)
```
#4c6eec
```
#4c6eec rgb(76,110,236)
```
#5d7dee
```
#5d7dee rgb(93,125,238)
```
#6f8bf0
```
#6f8bf0 rgb(111,139,240)
```
#8199f2
```
#8199f2 rgb(129,153,242)
```
#93a8f3
```
#93a8f3 rgb(147,168,243)
```
#a4b6f5
```
#a4b6f5 rgb(164,182,245)
```
#b6c4f7
```
#b6c4f7 rgb(182,196,247)
```
#c8d2f9
```
#c8d2f9 rgb(200,210,249)
```
#dae1fb
```
#dae1fb rgb(218,225,251)
```
#ebeffd
```
#ebeffd rgb(235,239,253)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#8e9096
```
#8e9096 rgb(142,144,150)
```
#858b9f
```
#858b9f rgb(133,139,159)
```
#7d86a7
```
#7d86a7 rgb(125,134,167)
```
#7581af
```
#7581af rgb(117,129,175)
```
#6c7db8
```
#6c7db8 rgb(108,125,184)
```
#6478c0
```
#6478c0 rgb(100,120,192)
```
#5c73c8
```
#5c73c8 rgb(92,115,200)
```
#536ed1
```
#536ed1 rgb(83,110,209)
```
#4b6ad9
```
#4b6ad9 rgb(75,106,217)
```
#4265e2
```
#4265e2 rgb(66,101,226)
```
#3a60ea
```
#3a60ea rgb(58,96,234)
```
#325bf2
```
#325bf2 rgb(50,91,242)
```
#2956fb
```
#2956fb rgb(41,86,251)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#5c637f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dc Protanopia 1% of men
#0077c0 Deuteranopia 1% of men
#007f87 Tritanopia 0.001% of the population

Trichromacy

#156ae1 Protanomaly 1% of men, 0.01% of women
#156ecf Deuteranomaly 6% of men, 0.4% of women
#1574ab Tritanomaly 0.01% of the population

#3a60ea hex color

#3a60ea Color Information

#3a60ea Color Conversion

Color Schemes with #3a60ea

Alternatives to #3a60ea

#3a60ea Preview

Shades and Tints of #3a60ea

Tones of #3a60ea

Color Blindness Simulator