#2a4bdf hex color

In a RGB color space, hex #2a4bdf is composed of 16.5% red, 29.4% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 66.4% magenta, 0% yellow and 12.5% black. It has a hue angle of 229.1 degrees, a saturation of 73.9% and a lightness of 52%. #2a4bdf color hex could be obtained by blending #5496ff with #0000bf. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 16
- G 29
- B 87
RGB color chart
- C 81
- M 66
- Y 0
- K 13
CMYK color chart

● #2a4bdf color description : Bright blue.

The hexadecimal color #2a4bdf has RGB values of R:42, G:75, B:223 and CMYK values of C:0.81, M:0.66, Y:0, K:0.13. Its decimal value is 2771935.

Hex triplet	2a4bdf	`#2a4bdf`
RGB Decimal	42, 75, 223	`rgb(42,75,223)`
RGB Percent	16.5, 29.4, 87.5	`rgb(16.5%,29.4%,87.5%)`
CMYK	81, 66, 0, 13
HSL	229.1°, 73.9, 52	`hsl(229.1,73.9%,52%)`
HSV (or HSB)	229.1°, 81.2, 87.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	39.328, 42.051, -78.053
XYZ	16.787, 10.851, 71.018
xyY	0.17, 0.11, 10.851
CIE-LCH	39.328, 88.66, 298.313
CIE-LUV	39.328, -13.703, -112.27
Hunter-Lab	32.941, 33.322, -104.766
Binary	00101010, 01001011, 11011111

#2a4bdf
```
#2a4bdf rgb(42,75,223)
```
#dfbe2a
```
#dfbe2a rgb(223,190,42)
```

Complementary Color

#2aa6df
```
#2aa6df rgb(42,166,223)
```
#2a4bdf
```
#2a4bdf rgb(42,75,223)
```
#632adf
```
#632adf rgb(99,42,223)
```

Analogous Color

#a6df2a
```
#a6df2a rgb(166,223,42)
```
#2a4bdf
```
#2a4bdf rgb(42,75,223)
```
#df632a
```
#df632a rgb(223,99,42)
```

Split Complementary Color

#4bdf2a
```
#4bdf2a rgb(75,223,42)
```
#2a4bdf
```
#2a4bdf rgb(42,75,223)
```
#df2a4b
```
#df2a4b rgb(223,42,75)
```

Triadic Color

#2adfbe
```
#2adfbe rgb(42,223,190)
```
#2a4bdf
```
#2a4bdf rgb(42,75,223)
```
#df2a4b
```
#df2a4b rgb(223,42,75)
```
#dfbe2a
```
#dfbe2a rgb(223,190,42)
```

Tetradic Color

#1932a4
```
#1932a4 rgb(25,50,164)
```
#1c39ba
```
#1c39ba rgb(28,57,186)
```
#1f40d0
```
#1f40d0 rgb(31,64,208)
```
#2a4bdf
```
#2a4bdf rgb(42,75,223)
```
#405ee2
```
#405ee2 rgb(64,94,226)
```
#5670e6
```
#5670e6 rgb(86,112,230)
```
#6d83e9
```
#6d83e9 rgb(109,131,233)
```

Monochromatic Color

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

#2a78df
```
#2a78df rgb(42,120,223)
```
#2a69df
```
#2a69df rgb(42,105,223)
```
#2a5adf
```
#2a5adf rgb(42,90,223)
```
#2a4bdf
```
#2a4bdf rgb(42,75,223)
```
#2a3cdf
```
#2a3cdf rgb(42,60,223)
```
#2a2ddf
```
#2a2ddf rgb(42,45,223)
```
#362adf
```
#362adf rgb(54,42,223)
```

Similar Colors

Text with hexadecimal color #2a4bdf

This text has a font color of #2a4bdf.

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

#2a4bdf background color

This paragraph has a background color of #2a4bdf.

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

#2a4bdf border color

This element has a border color of #2a4bdf.

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

CSS codes

.text {color:#2a4bdf;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#04081a
```
#04081a rgb(4,8,26)
```
#060d2b
```
#060d2b rgb(6,13,43)
```
#09123c
```
#09123c rgb(9,18,60)
```
#0c174d
```
#0c174d rgb(12,23,77)
```
#0e1d5e
```
#0e1d5e rgb(14,29,94)
```
#11226f
```
#11226f rgb(17,34,111)
```
#132780
```
#132780 rgb(19,39,128)
```
#162c91
```
#162c91 rgb(22,44,145)
```
#1831a2
```
#1831a2 rgb(24,49,162)
```
#1b37b3
```
#1b37b3 rgb(27,55,179)
```
#1d3cc4
```
#1d3cc4 rgb(29,60,196)
```
#2041d5
```
#2041d5 rgb(32,65,213)
```

Shade Color Variation

#2a4bdf
```
#2a4bdf rgb(42,75,223)
```
#3b59e2
```
#3b59e2 rgb(59,89,226)
```
#4c68e4
```
#4c68e4 rgb(76,104,228)
```
#5d76e7
```
#5d76e7 rgb(93,118,231)
```
#6e85e9
```
#6e85e9 rgb(110,133,233)
```
#7f93ec
```
#7f93ec rgb(127,147,236)
```
#90a1ee
```
#90a1ee rgb(144,161,238)
```
#a1b0f1
```
#a1b0f1 rgb(161,176,241)
```
#b2bef3
```
#b2bef3 rgb(178,190,243)
```
#c3cdf6
```
#c3cdf6 rgb(195,205,246)
```
#d5dbf9
```
#d5dbf9 rgb(213,219,249)
```
#e6eafb
```
#e6eafb rgb(230,234,251)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#7f818a
```
#7f818a rgb(127,129,138)
```
#757b94
```
#757b94 rgb(117,123,148)
```
#6c759d
```
#6c759d rgb(108,117,157)
```
#636fa6
```
#636fa6 rgb(99,111,166)
```
#5969b0
```
#5969b0 rgb(89,105,176)
```
#5063b9
```
#5063b9 rgb(80,99,185)
```
#465dc3
```
#465dc3 rgb(70,93,195)
```
#3d57cc
```
#3d57cc rgb(61,87,204)
```
#3351d6
```
#3351d6 rgb(51,81,214)
```
#2a4bdf
```
#2a4bdf rgb(42,75,223)
```
#2145e8
```
#2145e8 rgb(33,69,232)
```
#173ff2
```
#173ff2 rgb(23,63,242)
```
#0e39fb
```
#0e39fb rgb(14,57,251)
```

Tone Color Variation

Below, you can see how #2a4bdf 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
#4a516e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0067a6 Deuteranopia 1% of men
#006f74 Tritanopia 0.001% of the population

Trichromacy

#0f59ca Protanomaly 1% of men, 0.01% of women
#0f5dba Deuteranomaly 6% of men, 0.4% of women
#0f619b Tritanomaly 0.01% of the population

#2a4bdf hex color

#2a4bdf Color Information

#2a4bdf Color Conversion

Color Schemes with #2a4bdf

Alternatives to #2a4bdf

#2a4bdf Preview

Shades and Tints of #2a4bdf

Tones of #2a4bdf

Color Blindness Simulator