#2a4dcc hex color

In a RGB color space, hex #2a4dcc is composed of 16.5% red, 30.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 62.3% magenta, 0% yellow and 20% black. It has a hue angle of 227 degrees, a saturation of 65.9% and a lightness of 48.2%. #2a4dcc color hex could be obtained by blending #549aff with #000099. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 30
- B 80
RGB color chart
- C 79
- M 62
- Y 0
- K 20
CMYK color chart

● #2a4dcc color description : Strong blue.

The hexadecimal color #2a4dcc has RGB values of R:42, G:77, B:204 and CMYK values of C:0.79, M:0.62, Y:0, K:0.2. Its decimal value is 2772428.

Hex triplet	2a4dcc	`#2a4dcc`
RGB Decimal	42, 77, 204	`rgb(42,77,204)`
RGB Percent	16.5, 30.2, 80	`rgb(16.5%,30.2%,80%)`
CMYK	79, 62, 0, 20
HSL	227°, 65.9, 48.2	`hsl(227,65.9%,48.2%)`
HSV (or HSB)	227°, 79.4, 80
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.126, 33.899, -69.103
XYZ	14.506, 10.159, 58.32
xyY	0.175, 0.122, 10.159
CIE-LCH	38.126, 76.97, 296.131
CIE-LUV	38.126, -13.931, -99.564
Hunter-Lab	31.873, 25.46, -86.177
Binary	00101010, 01001101, 11001100

#2a4dcc
```
#2a4dcc rgb(42,77,204)
```
#cca92a
```
#cca92a rgb(204,169,42)
```

Complementary Color

#2a9ecc
```
#2a9ecc rgb(42,158,204)
```
#2a4dcc
```
#2a4dcc rgb(42,77,204)
```
#582acc
```
#582acc rgb(88,42,204)
```

Analogous Color

#9ecc2a
```
#9ecc2a rgb(158,204,42)
```
#2a4dcc
```
#2a4dcc rgb(42,77,204)
```
#cc582a
```
#cc582a rgb(204,88,42)
```

Split Complementary Color

#4dcc2a
```
#4dcc2a rgb(77,204,42)
```
#2a4dcc
```
#2a4dcc rgb(42,77,204)
```
#cc2a4d
```
#cc2a4d rgb(204,42,77)
```

Triadic Color

#2acca9
```
#2acca9 rgb(42,204,169)
```
#2a4dcc
```
#2a4dcc rgb(42,77,204)
```
#cc2a4d
```
#cc2a4d rgb(204,42,77)
```
#cca92a
```
#cca92a rgb(204,169,42)
```

Tetradic Color

#1d358d
```
#1d358d rgb(29,53,141)
```
#213da2
```
#213da2 rgb(33,61,162)
```
#2645b7
```
#2645b7 rgb(38,69,183)
```
#2a4dcc
```
#2a4dcc rgb(42,77,204)
```
#395bd6
```
#395bd6 rgb(57,91,214)
```
#4e6ddb
```
#4e6ddb rgb(78,109,219)
```
#647edf
```
#647edf rgb(100,126,223)
```

Monochromatic Color

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

#2a76cc
```
#2a76cc rgb(42,118,204)
```
#2a68cc
```
#2a68cc rgb(42,104,204)
```
#2a5bcc
```
#2a5bcc rgb(42,91,204)
```
#2a4dcc
```
#2a4dcc rgb(42,77,204)
```
#2a40cc
```
#2a40cc rgb(42,64,204)
```
#2a32cc
```
#2a32cc rgb(42,50,204)
```
#2f2acc
```
#2f2acc rgb(47,42,204)
```

Similar Colors

Text with hexadecimal color #2a4dcc

This text has a font color of #2a4dcc.

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

#2a4dcc background color

This paragraph has a background color of #2a4dcc.

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

#2a4dcc border color

This element has a border color of #2a4dcc.

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

CSS codes

.text {color:#2a4dcc;}

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

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

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

#020309
```
#020309 rgb(2,3,9)
```
#050919
```
#050919 rgb(5,9,25)
```
#091029
```
#091029 rgb(9,16,41)
```
#0c163a
```
#0c163a rgb(12,22,58)
```
#0f1c4a
```
#0f1c4a rgb(15,28,74)
```
#13225a
```
#13225a rgb(19,34,90)
```
#16286a
```
#16286a rgb(22,40,106)
```
#192e7b
```
#192e7b rgb(25,46,123)
```
#1d348b
```
#1d348b rgb(29,52,139)
```
#203b9b
```
#203b9b rgb(32,59,155)
```
#2341ab
```
#2341ab rgb(35,65,171)
```
#2747bc
```
#2747bc rgb(39,71,188)
```
#2a4dcc
```
#2a4dcc rgb(42,77,204)
```

Shade Color Variation

#3457d5
```
#3457d5 rgb(52,87,213)
```
#4565d9
```
#4565d9 rgb(69,101,217)
```
#5572dc
```
#5572dc rgb(85,114,220)
```
#6580df
```
#6580df rgb(101,128,223)
```
#758de3
```
#758de3 rgb(117,141,227)
```
#869ae6
```
#869ae6 rgb(134,154,230)
```
#96a8e9
```
#96a8e9 rgb(150,168,233)
```
#a6b5ed
```
#a6b5ed rgb(166,181,237)
```
#b6c3f0
```
#b6c3f0 rgb(182,195,240)
```
#c7d0f3
```
#c7d0f3 rgb(199,208,243)
```
#d7def7
```
#d7def7 rgb(215,222,247)
```
#e7ebfa
```
#e7ebfa rgb(231,235,250)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Tint Color Variation

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

#767880
```
#767880 rgb(118,120,128)
```
#6c738a
```
#6c738a rgb(108,115,138)
```
#636d93
```
#636d93 rgb(99,109,147)
```
#59689d
```
#59689d rgb(89,104,157)
```
#5062a6
```
#5062a6 rgb(80,98,166)
```
#465db0
```
#465db0 rgb(70,93,176)
```
#3d58b9
```
#3d58b9 rgb(61,88,185)
```
#3352c3
```
#3352c3 rgb(51,82,195)
```
#2a4dcc
```
#2a4dcc rgb(42,77,204)
```
#2148d5
```
#2148d5 rgb(33,72,213)
```
#1742df
```
#1742df rgb(23,66,223)
```
#0e3de8
```
#0e3de8 rgb(14,61,232)
```
#0438f2
```
#0438f2 rgb(4,56,242)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#49506a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0064a2 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

#0f58c0 Protanomaly 1% of men, 0.01% of women
#0f5cb1 Deuteranomaly 6% of men, 0.4% of women
#0f6092 Tritanomaly 0.01% of the population

#2a4dcc hex color

#2a4dcc Color Information

#2a4dcc Color Conversion

Color Schemes with #2a4dcc

Alternatives to #2a4dcc

#2a4dcc Preview

Shades and Tints of #2a4dcc

Tones of #2a4dcc

Color Blindness Simulator