#2d4edc hex color

In a RGB color space, hex #2d4edc is composed of 17.6% red, 30.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 64.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 228.7 degrees, a saturation of 71.4% and a lightness of 52%. #2d4edc color hex could be obtained by blending #5a9cff with #0000b9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 31
- B 86
RGB color chart
- C 80
- M 65
- Y 0
- K 14
CMYK color chart

● #2d4edc color description : Bright blue.

The hexadecimal color #2d4edc has RGB values of R:45, G:78, B:220 and CMYK values of C:0.8, M:0.65, Y:0, K:0.14. Its decimal value is 2969308.

Hex triplet	2d4edc	`#2d4edc`
RGB Decimal	45, 78, 220	`rgb(45,78,220)`
RGB Percent	17.6, 30.6, 86.3	`rgb(17.6%,30.6%,86.3%)`
CMYK	80, 65, 0, 14
HSL	228.7°, 71.4, 52	`hsl(228.7,71.4%,52%)`
HSV (or HSB)	228.7°, 79.5, 86.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.87, 39.351, -75.445
XYZ	16.722, 11.173, 68.981
xyY	0.173, 0.115, 11.173
CIE-LCH	39.87, 85.091, 297.546
CIE-LUV	39.87, -13.933, -109.535
Hunter-Lab	33.426, 30.805, -98.96
Binary	00101101, 01001110, 11011100

#2d4edc
```
#2d4edc rgb(45,78,220)
```
#dcbb2d
```
#dcbb2d rgb(220,187,45)
```

Complementary Color

#2da6dc
```
#2da6dc rgb(45,166,220)
```
#2d4edc
```
#2d4edc rgb(45,78,220)
```
#642ddc
```
#642ddc rgb(100,45,220)
```

Analogous Color

#a6dc2d
```
#a6dc2d rgb(166,220,45)
```
#2d4edc
```
#2d4edc rgb(45,78,220)
```
#dc642d
```
#dc642d rgb(220,100,45)
```

Split Complementary Color

#4edc2d
```
#4edc2d rgb(78,220,45)
```
#2d4edc
```
#2d4edc rgb(45,78,220)
```
#dc2d4e
```
#dc2d4e rgb(220,45,78)
```

Triadic Color

#2ddcbb
```
#2ddcbb rgb(45,220,187)
```
#2d4edc
```
#2d4edc rgb(45,78,220)
```
#dc2d4e
```
#dc2d4e rgb(220,45,78)
```
#dcbb2d
```
#dcbb2d rgb(220,187,45)
```

Tetradic Color

#1b34a2
```
#1b34a2 rgb(27,52,162)
```
#1f3bb7
```
#1f3bb7 rgb(31,59,183)
```
#2242cd
```
#2242cd rgb(34,66,205)
```
#2d4edc
```
#2d4edc rgb(45,78,220)
```
#4360e0
```
#4360e0 rgb(67,96,224)
```
#5973e3
```
#5973e3 rgb(89,115,227)
```
#6f85e7
```
#6f85e7 rgb(111,133,231)
```

Monochromatic Color

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

#2d7adc
```
#2d7adc rgb(45,122,220)
```
#2d6bdc
```
#2d6bdc rgb(45,107,220)
```
#2d5ddc
```
#2d5ddc rgb(45,93,220)
```
#2d4edc
```
#2d4edc rgb(45,78,220)
```
#2d3fdc
```
#2d3fdc rgb(45,63,220)
```
#2d31dc
```
#2d31dc rgb(45,49,220)
```
#382ddc
```
#382ddc rgb(56,45,220)
```

Similar Colors

Text with hexadecimal color #2d4edc

This text has a font color of #2d4edc.

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

#2d4edc background color

This paragraph has a background color of #2d4edc.

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

#2d4edc border color

This element has a border color of #2d4edc.

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

CSS codes

.text {color:#2d4edc;}

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

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

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)
```
#040819
```
#040819 rgb(4,8,25)
```
#070e2a
```
#070e2a rgb(7,14,42)
```
#0a133b
```
#0a133b rgb(10,19,59)
```
#0d194c
```
#0d194c rgb(13,25,76)
```
#0f1e5d
```
#0f1e5d rgb(15,30,93)
```
#12236d
```
#12236d rgb(18,35,109)
```
#15297e
```
#15297e rgb(21,41,126)
```
#182e8f
```
#182e8f rgb(24,46,143)
```
#1b34a0
```
#1b34a0 rgb(27,52,160)
```
#1d39b1
```
#1d39b1 rgb(29,57,177)
```
#203fc2
```
#203fc2 rgb(32,63,194)
```
#2344d2
```
#2344d2 rgb(35,68,210)
```

Shade Color Variation

#2d4edc
```
#2d4edc rgb(45,78,220)
```
#3e5cdf
```
#3e5cdf rgb(62,92,223)
```
#4f6ae2
```
#4f6ae2 rgb(79,106,226)
```
#5f79e4
```
#5f79e4 rgb(95,121,228)
```
#7087e7
```
#7087e7 rgb(112,135,231)
```
#8195ea
```
#8195ea rgb(129,149,234)
```
#92a3ed
```
#92a3ed rgb(146,163,237)
```
#a3b1f0
```
#a3b1f0 rgb(163,177,240)
```
#b4bff2
```
#b4bff2 rgb(180,191,242)
```
#c4cef5
```
#c4cef5 rgb(196,206,245)
```
#d5dcf8
```
#d5dcf8 rgb(213,220,248)
```
#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, #828387 is the less saturated color, while #113cf8 is the most saturated one.

#828387
```
#828387 rgb(130,131,135)
```
#787d91
```
#787d91 rgb(120,125,145)
```
#6f779a
```
#6f779a rgb(111,119,154)
```
#6671a3
```
#6671a3 rgb(102,113,163)
```
#5c6bad
```
#5c6bad rgb(92,107,173)
```
#5365b6
```
#5365b6 rgb(83,101,182)
```
#4960c0
```
#4960c0 rgb(73,96,192)
```
#405ac9
```
#405ac9 rgb(64,90,201)
```
#3654d3
```
#3654d3 rgb(54,84,211)
```
#2d4edc
```
#2d4edc rgb(45,78,220)
```
#2448e5
```
#2448e5 rgb(36,72,229)
```
#1a42ef
```
#1a42ef rgb(26,66,239)
```
#113cf8
```
#113cf8 rgb(17,60,248)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4c536f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#105bcb Protanomaly 1% of men, 0.01% of women
#105fbb Deuteranomaly 6% of men, 0.4% of women
#10639b Tritanomaly 0.01% of the population

#2d4edc hex color

#2d4edc Color Information

#2d4edc Color Conversion

Color Schemes with #2d4edc

Alternatives to #2d4edc

#2d4edc Preview

Shades and Tints of #2d4edc

Tones of #2d4edc

Color Blindness Simulator