#2a60ea hex color

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

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

● #2a60ea color description : Bright blue.

The hexadecimal color #2a60ea has RGB values of R:42, G:96, B:234 and CMYK values of C:0.82, M:0.59, Y:0, K:0.08. Its decimal value is 2777322.

Hex triplet	2a60ea	`#2a60ea`
RGB Decimal	42, 96, 234	`rgb(42,96,234)`
RGB Percent	16.5, 37.6, 91.8	`rgb(16.5%,37.6%,91.8%)`
CMYK	82, 59, 0, 8
HSL	223.1°, 82.1, 54.1	`hsl(223.1,82.1%,54.1%)`
HSV (or HSB)	223.1°, 82.1, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.355, 32.865, -74.415
XYZ	19.986, 14.797, 79.64
xyY	0.175, 0.129, 14.797
CIE-LCH	45.355, 81.35, 293.828
CIE-LUV	45.355, -18.625, -112.846
Hunter-Lab	38.467, 25.425, -95.825
Binary	00101010, 01100000, 11101010

#2a60ea
```
#2a60ea rgb(42,96,234)
```
#eab42a
```
#eab42a rgb(234,180,42)
```

Complementary Color

#2ac0ea
```
#2ac0ea rgb(42,192,234)
```
#2a60ea
```
#2a60ea rgb(42,96,234)
```
#542aea
```
#542aea rgb(84,42,234)
```

Analogous Color

#c0ea2a
```
#c0ea2a rgb(192,234,42)
```
#2a60ea
```
#2a60ea rgb(42,96,234)
```
#ea542a
```
#ea542a rgb(234,84,42)
```

Split Complementary Color

#60ea2a
```
#60ea2a rgb(96,234,42)
```
#2a60ea
```
#2a60ea rgb(42,96,234)
```
#ea2a60
```
#ea2a60 rgb(234,42,96)
```

Triadic Color

#2aeab4
```
#2aeab4 rgb(42,234,180)
```
#2a60ea
```
#2a60ea rgb(42,96,234)
```
#ea2a60
```
#ea2a60 rgb(234,42,96)
```
#eab42a
```
#eab42a rgb(234,180,42)
```

Tetradic Color

#1240b6
```
#1240b6 rgb(18,64,182)
```
#1448cd
```
#1448cd rgb(20,72,205)
```
#1650e4
```
#1650e4 rgb(22,80,228)
```
#2a60ea
```
#2a60ea rgb(42,96,234)
```
#4171ec
```
#4171ec rgb(65,113,236)
```
#5883ef
```
#5883ef rgb(88,131,239)
```
#7094f1
```
#7094f1 rgb(112,148,241)
```

Monochromatic Color

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

#2a90ea
```
#2a90ea rgb(42,144,234)
```
#2a80ea
```
#2a80ea rgb(42,128,234)
```
#2a70ea
```
#2a70ea rgb(42,112,234)
```
#2a60ea
```
#2a60ea rgb(42,96,234)
```
#2a50ea
```
#2a50ea rgb(42,80,234)
```
#2a40ea
```
#2a40ea rgb(42,64,234)
```
#2a30ea
```
#2a30ea rgb(42,48,234)
```

Similar Colors

Text with hexadecimal color #2a60ea

This text has a font color of #2a60ea.

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

#2a60ea background color

This paragraph has a background color of #2a60ea.

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

#2a60ea border color

This element has a border color of #2a60ea.

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

CSS codes

.text {color:#2a60ea;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#020713
```
#020713 rgb(2,7,19)
```
#040d25
```
#040d25 rgb(4,13,37)
```
#051337
```
#051337 rgb(5,19,55)
```
#071a49
```
#071a49 rgb(7,26,73)
```
#09205b
```
#09205b rgb(9,32,91)
```
#0b266c
```
#0b266c rgb(11,38,108)
```
#0c2c7e
```
#0c2c7e rgb(12,44,126)
```
#0e3390
```
#0e3390 rgb(14,51,144)
```
#1039a2
```
#1039a2 rgb(16,57,162)
```
#123fb4
```
#123fb4 rgb(18,63,180)
```
#1346c6
```
#1346c6 rgb(19,70,198)
```
#154cd8
```
#154cd8 rgb(21,76,216)
```

Shade Color Variation

#1853e8
```
#1853e8 rgb(24,83,232)
```
#2a60ea
```
#2a60ea rgb(42,96,234)
```
#3c6dec
```
#3c6dec rgb(60,109,236)
```
#4e7bee
```
#4e7bee rgb(78,123,238)
```
#6088ef
```
#6088ef rgb(96,136,239)
```
#7195f1
```
#7195f1 rgb(113,149,241)
```
#83a3f3
```
#83a3f3 rgb(131,163,243)
```
#95b0f5
```
#95b0f5 rgb(149,176,245)
```
#a7bdf6
```
#a7bdf6 rgb(167,189,246)
```
#b9cbf8
```
#b9cbf8 rgb(185,203,248)
```
#cbd8fa
```
#cbd8fa rgb(203,216,250)
```
#dde5fc
```
#dde5fc rgb(221,229,252)
```
#eef3fd
```
#eef3fd rgb(238,243,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848790 is the less saturated color, while #1858fc is the most saturated one.

#848790
```
#848790 rgb(132,135,144)
```
#7b8399
```
#7b8399 rgb(123,131,153)
```
#7280a2
```
#7280a2 rgb(114,128,162)
```
#697cab
```
#697cab rgb(105,124,171)
```
#6078b4
```
#6078b4 rgb(96,120,180)
```
#5774bd
```
#5774bd rgb(87,116,189)
```
#4e70c6
```
#4e70c6 rgb(78,112,198)
```
#456ccf
```
#456ccf rgb(69,108,207)
```
#3c68d8
```
#3c68d8 rgb(60,104,216)
```
#3364e1
```
#3364e1 rgb(51,100,225)
```
#2a60ea
```
#2a60ea rgb(42,96,234)
```
#215cf3
```
#215cf3 rgb(33,92,243)
```
#1858fc
```
#1858fc rgb(24,88,252)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#55607c Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#0f69df Protanomaly 1% of men, 0.01% of women
#0f6dce Deuteranomaly 6% of men, 0.4% of women
#0f73a9 Tritanomaly 0.01% of the population

#2a60ea hex color

#2a60ea Color Information

#2a60ea Color Conversion

Color Schemes with #2a60ea

Alternatives to #2a60ea

#2a60ea Preview

Shades and Tints of #2a60ea

Tones of #2a60ea

Color Blindness Simulator