#2d4ae4 hex color

In a RGB color space, hex #2d4ae4 is composed of 17.6% red, 29% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 67.5% magenta, 0% yellow and 10.6% black. It has a hue angle of 230.5 degrees, a saturation of 77.2% and a lightness of 53.5%. #2d4ae4 color hex could be obtained by blending #5a94ff with #0000c9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 18
- G 29
- B 89
RGB color chart
- C 80
- M 68
- Y 0
- K 11
CMYK color chart

● #2d4ae4 color description : Bright blue.

The hexadecimal color #2d4ae4 has RGB values of R:45, G:74, B:228 and CMYK values of C:0.8, M:0.68, Y:0, K:0.11. Its decimal value is 2968292.

Hex triplet	2d4ae4	`#2d4ae4`
RGB Decimal	45, 74, 228	`rgb(45,74,228)`
RGB Percent	17.6, 29, 89.4	`rgb(17.6%,29%,89.4%)`
CMYK	80, 68, 0, 11
HSL	230.5°, 77.2, 53.5	`hsl(230.5,77.2%,53.5%)`
HSV (or HSB)	230.5°, 80.3, 89.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	39.674, 44.646, -80.329
XYZ	17.532, 11.056, 74.604
xyY	0.17, 0.107, 11.056
CIE-LCH	39.674, 91.902, 299.065
CIE-LUV	39.674, -13.211, -115.516
Hunter-Lab	33.25, 35.93, -109.757
Binary	00101101, 01001010, 11100100

#2d4ae4
```
#2d4ae4 rgb(45,74,228)
```
#e4c72d
```
#e4c72d rgb(228,199,45)
```

Complementary Color

#2da6e4
```
#2da6e4 rgb(45,166,228)
```
#2d4ae4
```
#2d4ae4 rgb(45,74,228)
```
#6c2de4
```
#6c2de4 rgb(108,45,228)
```

Analogous Color

#a6e42d
```
#a6e42d rgb(166,228,45)
```
#2d4ae4
```
#2d4ae4 rgb(45,74,228)
```
#e46c2d
```
#e46c2d rgb(228,108,45)
```

Split Complementary Color

#4ae42d
```
#4ae42d rgb(74,228,45)
```
#2d4ae4
```
#2d4ae4 rgb(45,74,228)
```
#e42d4a
```
#e42d4a rgb(228,45,74)
```

Triadic Color

#2de4c7
```
#2de4c7 rgb(45,228,199)
```
#2d4ae4
```
#2d4ae4 rgb(45,74,228)
```
#e42d4a
```
#e42d4a rgb(228,45,74)
```
#e4c72d
```
#e4c72d rgb(228,199,45)
```

Tetradic Color

#162eae
```
#162eae rgb(22,46,174)
```
#1934c5
```
#1934c5 rgb(25,52,197)
```
#1c3adb
```
#1c3adb rgb(28,58,219)
```
#2d4ae4
```
#2d4ae4 rgb(45,74,228)
```
#445de7
```
#445de7 rgb(68,93,231)
```
#5a71ea
```
#5a71ea rgb(90,113,234)
```
#7184ed
```
#7184ed rgb(113,132,237)
```

Monochromatic Color

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

#2d78e4
```
#2d78e4 rgb(45,120,228)
```
#2d69e4
```
#2d69e4 rgb(45,105,228)
```
#2d59e4
```
#2d59e4 rgb(45,89,228)
```
#2d4ae4
```
#2d4ae4 rgb(45,74,228)
```
#2d3be4
```
#2d3be4 rgb(45,59,228)
```
#2e2de4
```
#2e2de4 rgb(46,45,228)
```
#3e2de4
```
#3e2de4 rgb(62,45,228)
```

Similar Colors

Text with hexadecimal color #2d4ae4

This text has a font color of #2d4ae4.

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

#2d4ae4 background color

This paragraph has a background color of #2d4ae4.

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

#2d4ae4 border color

This element has a border color of #2d4ae4.

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

CSS codes

.text {color:#2d4ae4;}

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

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

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

#020410
```
#020410 rgb(2,4,16)
```
#040921
```
#040921 rgb(4,9,33)
```
#070e33
```
#070e33 rgb(7,14,51)
```
#091244
```
#091244 rgb(9,18,68)
```
#0b1755
```
#0b1755 rgb(11,23,85)
```
#0d1b67
```
#0d1b67 rgb(13,27,103)
```
#0f2078
```
#0f2078 rgb(15,32,120)
```
#12258a
```
#12258a rgb(18,37,138)
```
#14299b
```
#14299b rgb(20,41,155)
```
#162eac
```
#162eac rgb(22,46,172)
```
#1833be
```
#1833be rgb(24,51,190)
```
#1b37cf
```
#1b37cf rgb(27,55,207)
```
#1d3ce1
```
#1d3ce1 rgb(29,60,225)
```

Shade Color Variation

#2d4ae4
```
#2d4ae4 rgb(45,74,228)
```
#3e59e6
```
#3e59e6 rgb(62,89,230)
```
#5068e8
```
#5068e8 rgb(80,104,232)
```
#6177eb
```
#6177eb rgb(97,119,235)
```
#7386ed
```
#7386ed rgb(115,134,237)
```
#8495ef
```
#8495ef rgb(132,149,239)
```
#95a4f1
```
#95a4f1 rgb(149,164,241)
```
#a7b3f4
```
#a7b3f4 rgb(167,179,244)
```
#b8c2f6
```
#b8c2f6 rgb(184,194,246)
```
#c9d1f8
```
#c9d1f8 rgb(201,209,248)
```
#dbe0fa
```
#dbe0fa rgb(219,224,250)
```
#eceffd
```
#eceffd rgb(236,239,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#888889
```
#888889 rgb(136,136,137)
```
#7f8292
```
#7f8292 rgb(127,130,146)
```
#767c9b
```
#767c9b rgb(118,124,155)
```
#6d76a4
```
#6d76a4 rgb(109,118,164)
```
#646fad
```
#646fad rgb(100,111,173)
```
#5b69b6
```
#5b69b6 rgb(91,105,182)
```
#5163c0
```
#5163c0 rgb(81,99,192)
```
#485dc9
```
#485dc9 rgb(72,93,201)
```
#3f56d2
```
#3f56d2 rgb(63,86,210)
```
#3650db
```
#3650db rgb(54,80,219)
```
#2d4ae4
```
#2d4ae4 rgb(45,74,228)
```
#2444ed
```
#2444ed rgb(36,68,237)
```
#1b3ef6
```
#1b3ef6 rgb(27,62,246)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4b5170 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c0 Protanopia 1% of men
#0068a7 Deuteranopia 1% of men
#006f75 Tritanopia 0.001% of the population

Trichromacy

#1059cd Protanomaly 1% of men, 0.01% of women
#105dbd Deuteranomaly 6% of men, 0.4% of women
#10629d Tritanomaly 0.01% of the population

#2d4ae4 hex color

#2d4ae4 Color Information

#2d4ae4 Color Conversion

Color Schemes with #2d4ae4

Alternatives to #2d4ae4

#2d4ae4 Preview

Shades and Tints of #2d4ae4

Tones of #2d4ae4

Color Blindness Simulator