#2a4ed3 hex color

In a RGB color space, hex #2a4ed3 is composed of 16.5% red, 30.6% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 63% magenta, 0% yellow and 17.3% black. It has a hue angle of 227.2 degrees, a saturation of 66.8% and a lightness of 49.6%. #2a4ed3 color hex could be obtained by blending #549cff with #0000a7. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 31
- B 83
RGB color chart
- C 80
- M 63
- Y 0
- K 17
CMYK color chart

● #2a4ed3 color description : Strong blue.

The hexadecimal color #2a4ed3 has RGB values of R:42, G:78, B:211 and CMYK values of C:0.8, M:0.63, Y:0, K:0.17. Its decimal value is 2772691.

Hex triplet	2a4ed3	`#2a4ed3`
RGB Decimal	42, 78, 211	`rgb(42,78,211)`
RGB Percent	16.5, 30.6, 82.7	`rgb(16.5%,30.6%,82.7%)`
CMYK	80, 63, 0, 17
HSL	227.2°, 66.8, 49.6	`hsl(227.2,66.8%,49.6%)`
HSV (or HSB)	227.2°, 80.1, 82.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.973, 35.835, -71.758
XYZ	15.435, 10.643, 62.865
xyY	0.174, 0.12, 10.643
CIE-LCH	38.973, 80.208, 296.537
CIE-LUV	38.973, -14.225, -103.837
Hunter-Lab	32.624, 27.359, -91.414
Binary	00101010, 01001110, 11010011

#2a4ed3
```
#2a4ed3 rgb(42,78,211)
```
#d3af2a
```
#d3af2a rgb(211,175,42)
```

Complementary Color

#2aa3d3
```
#2aa3d3 rgb(42,163,211)
```
#2a4ed3
```
#2a4ed3 rgb(42,78,211)
```
#5b2ad3
```
#5b2ad3 rgb(91,42,211)
```

Analogous Color

#a3d32a
```
#a3d32a rgb(163,211,42)
```
#2a4ed3
```
#2a4ed3 rgb(42,78,211)
```
#d35b2a
```
#d35b2a rgb(211,91,42)
```

Split Complementary Color

#4ed32a
```
#4ed32a rgb(78,211,42)
```
#2a4ed3
```
#2a4ed3 rgb(42,78,211)
```
#d32a4e
```
#d32a4e rgb(211,42,78)
```

Triadic Color

#2ad3af
```
#2ad3af rgb(42,211,175)
```
#2a4ed3
```
#2a4ed3 rgb(42,78,211)
```
#d32a4e
```
#d32a4e rgb(211,42,78)
```
#d3af2a
```
#d3af2a rgb(211,175,42)
```

Tetradic Color

#1d3693
```
#1d3693 rgb(29,54,147)
```
#223ea8
```
#223ea8 rgb(34,62,168)
```
#2646be
```
#2646be rgb(38,70,190)
```
#2a4ed3
```
#2a4ed3 rgb(42,78,211)
```
#3e5fd9
```
#3e5fd9 rgb(62,95,217)
```
#5371dd
```
#5371dd rgb(83,113,221)
```
#6882e1
```
#6882e1 rgb(104,130,225)
```

Monochromatic Color

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

#2a78d3
```
#2a78d3 rgb(42,120,211)
```
#2a6ad3
```
#2a6ad3 rgb(42,106,211)
```
#2a5cd3
```
#2a5cd3 rgb(42,92,211)
```
#2a4ed3
```
#2a4ed3 rgb(42,78,211)
```
#2a40d3
```
#2a40d3 rgb(42,64,211)
```
#2a32d3
```
#2a32d3 rgb(42,50,211)
```
#302ad3
```
#302ad3 rgb(48,42,211)
```

Similar Colors

Text with hexadecimal color #2a4ed3

This text has a font color of #2a4ed3.

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

#2a4ed3 background color

This paragraph has a background color of #2a4ed3.

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

#2a4ed3 border color

This element has a border color of #2a4ed3.

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

CSS codes

.text {color:#2a4ed3;}

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

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

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

#03050f
```
#03050f rgb(3,5,15)
```
#060b1f
```
#060b1f rgb(6,11,31)
```
#09122f
```
#09122f rgb(9,18,47)
```
#0d1840
```
#0d1840 rgb(13,24,64)
```
#101e50
```
#101e50 rgb(16,30,80)
```
#132460
```
#132460 rgb(19,36,96)
```
#162a71
```
#162a71 rgb(22,42,113)
```
#1a3081
```
#1a3081 rgb(26,48,129)
```
#1d3692
```
#1d3692 rgb(29,54,146)
```
#203ca2
```
#203ca2 rgb(32,60,162)
```
#2342b2
```
#2342b2 rgb(35,66,178)
```
#2748c3
```
#2748c3 rgb(39,72,195)
```
#2a4ed3
```
#2a4ed3 rgb(42,78,211)
```

Shade Color Variation

#395bd8
```
#395bd8 rgb(57,91,216)
```
#4968db
```
#4968db rgb(73,104,219)
```
#5a76de
```
#5a76de rgb(90,118,222)
```
#6a84e1
```
#6a84e1 rgb(106,132,225)
```
#7a91e5
```
#7a91e5 rgb(122,145,229)
```
#8b9fe8
```
#8b9fe8 rgb(139,159,232)
```
#9baceb
```
#9baceb rgb(155,172,235)
```
#acbaee
```
#acbaee rgb(172,186,238)
```
#bcc7f2
```
#bcc7f2 rgb(188,199,242)
```
#ccd5f5
```
#ccd5f5 rgb(204,213,245)
```
#dde2f8
```
#dde2f8 rgb(221,226,248)
```
#edf0fb
```
#edf0fb rgb(237,240,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#787b85
```
#787b85 rgb(120,123,133)
```
#6e758f
```
#6e758f rgb(110,117,143)
```
#647099
```
#647099 rgb(100,112,153)
```
#5b6aa2
```
#5b6aa2 rgb(91,106,162)
```
#5164ac
```
#5164ac rgb(81,100,172)
```
#475fb6
```
#475fb6 rgb(71,95,182)
```
#3d59c0
```
#3d59c0 rgb(61,89,192)
```
#3454c9
```
#3454c9 rgb(52,84,201)
```
#2a4ed3
```
#2a4ed3 rgb(42,78,211)
```
#2048dd
```
#2048dd rgb(32,72,221)
```
#1743e6
```
#1743e6 rgb(23,67,230)
```
#0d3df0
```
#0d3df0 rgb(13,61,240)
```
#0338fa
```
#0338fa rgb(3,56,250)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4a516c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0066a5 Deuteranopia 1% of men
#006e74 Tritanopia 0.001% of the population

Trichromacy

#0f5ac5 Protanomaly 1% of men, 0.01% of women
#0f5db5 Deuteranomaly 6% of men, 0.4% of women
#0f6296 Tritanomaly 0.01% of the population

#2a4ed3 hex color

#2a4ed3 Color Information

#2a4ed3 Color Conversion

Color Schemes with #2a4ed3

Alternatives to #2a4ed3

#2a4ed3 Preview

Shades and Tints of #2a4ed3

Tones of #2a4ed3

Color Blindness Simulator