#2d4be4 hex color

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

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

● #2d4be4 color description : Bright blue.

The hexadecimal color #2d4be4 has RGB values of R:45, G:75, B:228 and CMYK values of C:0.8, M:0.67, Y:0, K:0.11. Its decimal value is 2968548.

Hex triplet	2d4be4	`#2d4be4`
RGB Decimal	45, 75, 228	`rgb(45,75,228)`
RGB Percent	17.6, 29.4, 89.4	`rgb(17.6%,29.4%,89.4%)`
CMYK	80, 67, 0, 11
HSL	230.2°, 77.2, 53.5	`hsl(230.2,77.2%,53.5%)`
HSV (or HSB)	230.2°, 80.3, 89.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	39.899, 44.039, -79.959
XYZ	17.599, 11.19, 74.627
xyY	0.17, 0.108, 11.19
CIE-LCH	39.899, 91.285, 298.845
CIE-LUV	39.899, -13.415, -115.303
Hunter-Lab	33.452, 35.368, -108.853
Binary	00101101, 01001011, 11100100

#2d4be4
```
#2d4be4 rgb(45,75,228)
```
#e4c62d
```
#e4c62d rgb(228,198,45)
```

Complementary Color

#2da7e4
```
#2da7e4 rgb(45,167,228)
```
#2d4be4
```
#2d4be4 rgb(45,75,228)
```
#6b2de4
```
#6b2de4 rgb(107,45,228)
```

Analogous Color

#a7e42d
```
#a7e42d rgb(167,228,45)
```
#2d4be4
```
#2d4be4 rgb(45,75,228)
```
#e46b2d
```
#e46b2d rgb(228,107,45)
```

Split Complementary Color

#4be42d
```
#4be42d rgb(75,228,45)
```
#2d4be4
```
#2d4be4 rgb(45,75,228)
```
#e42d4b
```
#e42d4b rgb(228,45,75)
```

Triadic Color

#2de4c6
```
#2de4c6 rgb(45,228,198)
```
#2d4be4
```
#2d4be4 rgb(45,75,228)
```
#e42d4b
```
#e42d4b rgb(228,45,75)
```
#e4c62d
```
#e4c62d rgb(228,198,45)
```

Tetradic Color

#162fae
```
#162fae rgb(22,47,174)
```
#1935c5
```
#1935c5 rgb(25,53,197)
```
#1c3cdb
```
#1c3cdb rgb(28,60,219)
```
#2d4be4
```
#2d4be4 rgb(45,75,228)
```
#445ee7
```
#445ee7 rgb(68,94,231)
```
#5a72ea
```
#5a72ea rgb(90,114,234)
```
#7185ed
```
#7185ed rgb(113,133,237)
```

Monochromatic Color

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

#2d79e4
```
#2d79e4 rgb(45,121,228)
```
#2d6ae4
```
#2d6ae4 rgb(45,106,228)
```
#2d5ae4
```
#2d5ae4 rgb(45,90,228)
```
#2d4be4
```
#2d4be4 rgb(45,75,228)
```
#2d3ce4
```
#2d3ce4 rgb(45,60,228)
```
#2e2de4
```
#2e2de4 rgb(46,45,228)
```
#3d2de4
```
#3d2de4 rgb(61,45,228)
```

Similar Colors

Text with hexadecimal color #2d4be4

This text has a font color of #2d4be4.

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

#2d4be4 background color

This paragraph has a background color of #2d4be4.

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

#2d4be4 border color

This element has a border color of #2d4be4.

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

CSS codes

.text {color:#2d4be4;}

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

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

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)
```
#0d1c67
```
#0d1c67 rgb(13,28,103)
```
#0f2178
```
#0f2178 rgb(15,33,120)
```
#12258a
```
#12258a rgb(18,37,138)
```
#142a9b
```
#142a9b rgb(20,42,155)
```
#162fac
```
#162fac rgb(22,47,172)
```
#1834be
```
#1834be rgb(24,52,190)
```
#1b38cf
```
#1b38cf rgb(27,56,207)
```
#1d3de1
```
#1d3de1 rgb(29,61,225)
```

Shade Color Variation

#2d4be4
```
#2d4be4 rgb(45,75,228)
```
#3e5ae6
```
#3e5ae6 rgb(62,90,230)
```
#5069e8
```
#5069e8 rgb(80,105,232)
```
#6178eb
```
#6178eb rgb(97,120,235)
```
#7387ed
```
#7387ed rgb(115,135,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 #1b3ff6 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)
```
#6470ad
```
#6470ad rgb(100,112,173)
```
#5b6ab6
```
#5b6ab6 rgb(91,106,182)
```
#5164c0
```
#5164c0 rgb(81,100,192)
```
#485dc9
```
#485dc9 rgb(72,93,201)
```
#3f57d2
```
#3f57d2 rgb(63,87,210)
```
#3651db
```
#3651db rgb(54,81,219)
```
#2d4be4
```
#2d4be4 rgb(45,75,228)
```
#2445ed
```
#2445ed rgb(36,69,237)
```
#1b3ff6
```
#1b3ff6 rgb(27,63,246)
```

Tone Color Variation

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

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

Trichromacy

#105ace Protanomaly 1% of men, 0.01% of women
#105ebd Deuteranomaly 6% of men, 0.4% of women
#10629e Tritanomaly 0.01% of the population

#2d4be4 hex color

#2d4be4 Color Information

#2d4be4 Color Conversion

Color Schemes with #2d4be4

Alternatives to #2d4be4

#2d4be4 Preview

Shades and Tints of #2d4be4

Tones of #2d4be4

Color Blindness Simulator