#2a74e3 hex color

In a RGB color space, hex #2a74e3 is composed of 16.5% red, 45.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 48.9% magenta, 0% yellow and 11% black. It has a hue angle of 216 degrees, a saturation of 76.8% and a lightness of 52.7%. #2a74e3 color hex could be obtained by blending #54e8ff with #0000c7. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 45
- B 89
RGB color chart
- C 81
- M 49
- Y 0
- K 11
CMYK color chart

● #2a74e3 color description : Bright blue.

The hexadecimal color #2a74e3 has RGB values of R:42, G:116, B:227 and CMYK values of C:0.81, M:0.49, Y:0, K:0.11. Its decimal value is 2782435.

Hex triplet	2a74e3	`#2a74e3`
RGB Decimal	42, 116, 227	`rgb(42,116,227)`
RGB Percent	16.5, 45.5, 89	`rgb(16.5%,45.5%,89%)`
CMYK	81, 49, 0, 11
HSL	216°, 76.8, 52.7	`hsl(216,76.8%,52.7%)`
HSV (or HSB)	216°, 81.5, 89
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.13, 17.529, -62.719
XYZ	21.062, 18.527, 75.135
xyY	0.184, 0.161, 18.527
CIE-LCH	50.13, 65.122, 285.614
CIE-LUV	50.13, -24.226, -97.979
Hunter-Lab	43.043, 12.019, -73.364
Binary	00101010, 01110100, 11100011

#2a74e3
```
#2a74e3 rgb(42,116,227)
```
#e3992a
```
#e3992a rgb(227,153,42)
```

Complementary Color

#2ad1e3
```
#2ad1e3 rgb(42,209,227)
```
#2a74e3
```
#2a74e3 rgb(42,116,227)
```
#3c2ae3
```
#3c2ae3 rgb(60,42,227)
```

Analogous Color

#d1e32a
```
#d1e32a rgb(209,227,42)
```
#2a74e3
```
#2a74e3 rgb(42,116,227)
```
#e33c2a
```
#e33c2a rgb(227,60,42)
```

Split Complementary Color

#74e32a
```
#74e32a rgb(116,227,42)
```
#2a74e3
```
#2a74e3 rgb(42,116,227)
```
#e32a74
```
#e32a74 rgb(227,42,116)
```

Triadic Color

#2ae399
```
#2ae399 rgb(42,227,153)
```
#2a74e3
```
#2a74e3 rgb(42,116,227)
```
#e32a74
```
#e32a74 rgb(227,42,116)
```
#e3992a
```
#e3992a rgb(227,153,42)
```

Tetradic Color

#1651aa
```
#1651aa rgb(22,81,170)
```
#195cc1
```
#195cc1 rgb(25,92,193)
```
#1c67d7
```
#1c67d7 rgb(28,103,215)
```
#2a74e3
```
#2a74e3 rgb(42,116,227)
```
#4183e6
```
#4183e6 rgb(65,131,230)
```
#5791e9
```
#5791e9 rgb(87,145,233)
```
#6ea0ec
```
#6ea0ec rgb(110,160,236)
```

Monochromatic Color

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

#2aa2e3
```
#2aa2e3 rgb(42,162,227)
```
#2a93e3
```
#2a93e3 rgb(42,147,227)
```
#2a83e3
```
#2a83e3 rgb(42,131,227)
```
#2a74e3
```
#2a74e3 rgb(42,116,227)
```
#2a65e3
```
#2a65e3 rgb(42,101,227)
```
#2a55e3
```
#2a55e3 rgb(42,85,227)
```
#2a46e3
```
#2a46e3 rgb(42,70,227)
```

Similar Colors

Text with hexadecimal color #2a74e3

This text has a font color of #2a74e3.

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

#2a74e3 background color

This paragraph has a background color of #2a74e3.

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

#2a74e3 border color

This element has a border color of #2a74e3.

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

CSS codes

.text {color:#2a74e3;}

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

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

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, #02060c is the darkest color, while #fafcfe is the lightest one.

#02060c
```
#02060c rgb(2,6,12)
```
#040e1e
```
#040e1e rgb(4,14,30)
```
#06172f
```
#06172f rgb(6,23,47)
```
#081f40
```
#081f40 rgb(8,31,64)
```
#0b2752
```
#0b2752 rgb(11,39,82)
```
#0d2f63
```
#0d2f63 rgb(13,47,99)
```
#0f3874
```
#0f3874 rgb(15,56,116)
```
#124086
```
#124086 rgb(18,64,134)
```
#144897
```
#144897 rgb(20,72,151)
```
#1651a8
```
#1651a8 rgb(22,81,168)
```
#1859ba
```
#1859ba rgb(24,89,186)
```
#1b61cb
```
#1b61cb rgb(27,97,203)
```
#1d6adc
```
#1d6adc rgb(29,106,220)
```

Shade Color Variation

#2a74e3
```
#2a74e3 rgb(42,116,227)
```
#3b7fe5
```
#3b7fe5 rgb(59,127,229)
```
#4d8be8
```
#4d8be8 rgb(77,139,232)
```
#5e96ea
```
#5e96ea rgb(94,150,234)
```
#6fa1ec
```
#6fa1ec rgb(111,161,236)
```
#81adee
```
#81adee rgb(129,173,238)
```
#92b8f1
```
#92b8f1 rgb(146,184,241)
```
#a3c3f3
```
#a3c3f3 rgb(163,195,243)
```
#b5cff5
```
#b5cff5 rgb(181,207,245)
```
#c6daf8
```
#c6daf8 rgb(198,218,248)
```
#d7e5fa
```
#d7e5fa rgb(215,229,250)
```
#e9f0fc
```
#e9f0fc rgb(233,240,252)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8590 is the less saturated color, while #0e6eff is the most saturated one.

#7d8590
```
#7d8590 rgb(125,133,144)
```
#748399
```
#748399 rgb(116,131,153)
```
#6b81a2
```
#6b81a2 rgb(107,129,162)
```
#627fab
```
#627fab rgb(98,127,171)
```
#587db5
```
#587db5 rgb(88,125,181)
```
#4f7bbe
```
#4f7bbe rgb(79,123,190)
```
#467ac7
```
#467ac7 rgb(70,122,199)
```
#3d78d0
```
#3d78d0 rgb(61,120,208)
```
#3376da
```
#3376da rgb(51,118,218)
```
#2a74e3
```
#2a74e3 rgb(42,116,227)
```
#2172ec
```
#2172ec rgb(33,114,236)
```
#1770f6
```
#1770f6 rgb(23,112,246)
```
#0e6eff
```
#0e6eff rgb(14,110,255)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5e6d83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a7ae4 Protanopia 1% of men
#0080d4 Deuteranopia 1% of men
#008a93 Tritanopia 0.001% of the population

Trichromacy

#3478e3 Protanomaly 1% of men, 0.01% of women
#0f7cd9 Deuteranomaly 6% of men, 0.4% of women
#0f82b0 Tritanomaly 0.01% of the population

#2a74e3 hex color

#2a74e3 Color Information

#2a74e3 Color Conversion

Color Schemes with #2a74e3

Alternatives to #2a74e3

#2a74e3 Preview

Shades and Tints of #2a74e3

Tones of #2a74e3

Color Blindness Simulator