#3a60e9 hex color

In a RGB color space, hex #3a60e9 is composed of 22.7% red, 37.6% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 58.8% magenta, 0% yellow and 8.6% black. It has a hue angle of 227 degrees, a saturation of 79.9% and a lightness of 57.1%. #3a60e9 color hex could be obtained by blending #74c0ff with #0000d3. Closest websafe color is: #3366ff.

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

● #3a60e9 color description : Bright blue.

The hexadecimal color #3a60e9 has RGB values of R:58, G:96, B:233 and CMYK values of C:0.75, M:0.59, Y:0, K:0.09. Its decimal value is 3825897.

Hex triplet	3a60e9	`#3a60e9`
RGB Decimal	58, 96, 233	`rgb(58,96,233)`
RGB Percent	22.7, 37.6, 91.4	`rgb(22.7%,37.6%,91.4%)`
CMYK	75, 59, 0, 9
HSL	227°, 79.9, 57.1	`hsl(227,79.9%,57.1%)`
HSV (or HSB)	227°, 75.1, 91.4
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.835, 33.969, -73.045
XYZ	20.633, 15.147, 78.923
xyY	0.18, 0.132, 15.147
CIE-LCH	45.835, 80.557, 294.94
CIE-LUV	45.835, -16.407, -111.442
Hunter-Lab	38.919, 26.522, -92.988
Binary	00111010, 01100000, 11101001

#3a60e9
```
#3a60e9 rgb(58,96,233)
```
#e9c33a
```
#e9c33a rgb(233,195,58)
```

Complementary Color

#3ab8e9
```
#3ab8e9 rgb(58,184,233)
```
#3a60e9
```
#3a60e9 rgb(58,96,233)
```
#6c3ae9
```
#6c3ae9 rgb(108,58,233)
```

Analogous Color

#b8e93a
```
#b8e93a rgb(184,233,58)
```
#3a60e9
```
#3a60e9 rgb(58,96,233)
```
#e96c3a
```
#e96c3a rgb(233,108,58)
```

Split Complementary Color

#60e93a
```
#60e93a rgb(96,233,58)
```
#3a60e9
```
#3a60e9 rgb(58,96,233)
```
#e93a60
```
#e93a60 rgb(233,58,96)
```

Triadic Color

#3ae9c3
```
#3ae9c3 rgb(58,233,195)
```
#3a60e9
```
#3a60e9 rgb(58,96,233)
```
#e93a60
```
#e93a60 rgb(233,58,96)
```
#e9c33a
```
#e9c33a rgb(233,195,58)
```

Tetradic Color

#163bc1
```
#163bc1 rgb(22,59,193)
```
#1842d8
```
#1842d8 rgb(24,66,216)
```
#234de6
```
#234de6 rgb(35,77,230)
```
#3a60e9
```
#3a60e9 rgb(58,96,233)
```
#5173ec
```
#5173ec rgb(81,115,236)
```
#6885ee
```
#6885ee rgb(104,133,238)
```
#7f98f1
```
#7f98f1 rgb(127,152,241)
```

Monochromatic Color

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

#3a8ce9
```
#3a8ce9 rgb(58,140,233)
```
#3a7de9
```
#3a7de9 rgb(58,125,233)
```
#3a6fe9
```
#3a6fe9 rgb(58,111,233)
```
#3a60e9
```
#3a60e9 rgb(58,96,233)
```
#3a51e9
```
#3a51e9 rgb(58,81,233)
```
#3a43e9
```
#3a43e9 rgb(58,67,233)
```
#403ae9
```
#403ae9 rgb(64,58,233)
```

Similar Colors

Text with hexadecimal color #3a60e9

This text has a font color of #3a60e9.

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

#3a60e9 background color

This paragraph has a background color of #3a60e9.

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

#3a60e9 border color

This element has a border color of #3a60e9.

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

CSS codes

.text {color:#3a60e9;}

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

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

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, #02040f is the darkest color, while #fcfdff is the lightest one.

#02040f
```
#02040f rgb(2,4,15)
```
#040a20
```
#040a20 rgb(4,10,32)
```
#060f32
```
#060f32 rgb(6,15,50)
```
#081544
```
#081544 rgb(8,21,68)
```
#0a1a55
```
#0a1a55 rgb(10,26,85)
```
#0b1f67
```
#0b1f67 rgb(11,31,103)
```
#0d2579
```
#0d2579 rgb(13,37,121)
```
#0f2a8a
```
#0f2a8a rgb(15,42,138)
```
#112f9c
```
#112f9c rgb(17,47,156)
```
#1335ae
```
#1335ae rgb(19,53,174)
```
#153abf
```
#153abf rgb(21,58,191)
```
#1740d1
```
#1740d1 rgb(23,64,209)
```
#1945e2
```
#1945e2 rgb(25,69,226)
```

Shade Color Variation

#2852e7
```
#2852e7 rgb(40,82,231)
```
#3a60e9
```
#3a60e9 rgb(58,96,233)
```
#4c6eeb
```
#4c6eeb rgb(76,110,235)
```
#5d7ced
```
#5d7ced rgb(93,124,237)
```
#6f8bef
```
#6f8bef rgb(111,139,239)
```
#8199f1
```
#8199f1 rgb(129,153,241)
```
#92a7f3
```
#92a7f3 rgb(146,167,243)
```
#a4b5f5
```
#a4b5f5 rgb(164,181,245)
```
#b6c4f7
```
#b6c4f7 rgb(182,196,247)
```
#c7d2f9
```
#c7d2f9 rgb(199,210,249)
```
#d9e0fb
```
#d9e0fb rgb(217,224,251)
```
#eaeefd
```
#eaeefd rgb(234,238,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#8e9095
```
#8e9095 rgb(142,144,149)
```
#868b9d
```
#868b9d rgb(134,139,157)
```
#7d86a6
```
#7d86a6 rgb(125,134,166)
```
#7581ae
```
#7581ae rgb(117,129,174)
```
#6d7db6
```
#6d7db6 rgb(109,125,182)
```
#6478bf
```
#6478bf rgb(100,120,191)
```
#5c73c7
```
#5c73c7 rgb(92,115,199)
```
#536ed0
```
#536ed0 rgb(83,110,208)
```
#4b6ad8
```
#4b6ad8 rgb(75,106,216)
```
#4265e1
```
#4265e1 rgb(66,101,225)
```
#3a60e9
```
#3a60e9 rgb(58,96,233)
```
#325bf1
```
#325bf1 rgb(50,91,241)
```
#2956fa
```
#2956fa rgb(41,86,250)
```

Tone Color Variation

Below, you can see how #3a60e9 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
#0076c0 Deuteranopia 1% of men
#007f87 Tritanopia 0.001% of the population

Trichromacy

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

#3a60e9 hex color

#3a60e9 Color Information

#3a60e9 Color Conversion

Color Schemes with #3a60e9

Alternatives to #3a60e9

#3a60e9 Preview

Shades and Tints of #3a60e9

Tones of #3a60e9

Color Blindness Simulator