#2d48dd hex color

In a RGB color space, hex #2d48dd is composed of 17.6% red, 28.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 67.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 230.8 degrees, a saturation of 72.1% and a lightness of 52.2%. #2d48dd color hex could be obtained by blending #5a90ff with #0000bb. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 18
- G 28
- B 87
RGB color chart
- C 80
- M 67
- Y 0
- K 13
CMYK color chart

● #2d48dd color description : Bright blue.

The hexadecimal color #2d48dd has RGB values of R:45, G:72, B:221 and CMYK values of C:0.8, M:0.67, Y:0, K:0.13. Its decimal value is 2967773.

Hex triplet	2d48dd	`#2d48dd`
RGB Decimal	45, 72, 221	`rgb(45,72,221)`
RGB Percent	17.6, 28.2, 86.7	`rgb(17.6%,28.2%,86.7%)`
CMYK	80, 67, 0, 13
HSL	230.8°, 72.1, 52.2	`hsl(230.8,72.1%,52.2%)`
HSV (or HSB)	230.8°, 79.6, 86.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	38.572, 43.407, -78.15
XYZ	16.448, 10.412, 69.545
xyY	0.171, 0.108, 10.412
CIE-LCH	38.572, 89.396, 299.049
CIE-LUV	38.572, -12.674, -111.597
Hunter-Lab	32.267, 34.52, -105.199
Binary	00101101, 01001000, 11011101

#2d48dd
```
#2d48dd rgb(45,72,221)
```
#ddc22d
```
#ddc22d rgb(221,194,45)
```

Complementary Color

#2da0dd
```
#2da0dd rgb(45,160,221)
```
#2d48dd
```
#2d48dd rgb(45,72,221)
```
#6a2ddd
```
#6a2ddd rgb(106,45,221)
```

Analogous Color

#a0dd2d
```
#a0dd2d rgb(160,221,45)
```
#2d48dd
```
#2d48dd rgb(45,72,221)
```
#dd6a2d
```
#dd6a2d rgb(221,106,45)
```

Split Complementary Color

#48dd2d
```
#48dd2d rgb(72,221,45)
```
#2d48dd
```
#2d48dd rgb(45,72,221)
```
#dd2d48
```
#dd2d48 rgb(221,45,72)
```

Triadic Color

#2dddc2
```
#2dddc2 rgb(45,221,194)
```
#2d48dd
```
#2d48dd rgb(45,72,221)
```
#dd2d48
```
#dd2d48 rgb(221,45,72)
```
#ddc22d
```
#ddc22d rgb(221,194,45)
```

Tetradic Color

#1a2fa3
```
#1a2fa3 rgb(26,47,163)
```
#1e36b9
```
#1e36b9 rgb(30,54,185)
```
#223ccf
```
#223ccf rgb(34,60,207)
```
#2d48dd
```
#2d48dd rgb(45,72,221)
```
#435be1
```
#435be1 rgb(67,91,225)
```
#596ee4
```
#596ee4 rgb(89,110,228)
```
#6f81e8
```
#6f81e8 rgb(111,129,232)
```

Monochromatic Color

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

#2d74dd
```
#2d74dd rgb(45,116,221)
```
#2d65dd
```
#2d65dd rgb(45,101,221)
```
#2d57dd
```
#2d57dd rgb(45,87,221)
```
#2d48dd
```
#2d48dd rgb(45,72,221)
```
#2d39dd
```
#2d39dd rgb(45,57,221)
```
#2f2ddd
```
#2f2ddd rgb(47,45,221)
```
#3e2ddd
```
#3e2ddd rgb(62,45,221)
```

Similar Colors

Text with hexadecimal color #2d48dd

This text has a font color of #2d48dd.

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

#2d48dd background color

This paragraph has a background color of #2d48dd.

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

#2d48dd border color

This element has a border color of #2d48dd.

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

CSS codes

.text {color:#2d48dd;}

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

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

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 #f8f9fe is the lightest one.

#020309
```
#020309 rgb(2,3,9)
```
#04081a
```
#04081a rgb(4,8,26)
```
#070d2b
```
#070d2b rgb(7,13,43)
```
#0a113c
```
#0a113c rgb(10,17,60)
```
#0c164d
```
#0c164d rgb(12,22,77)
```
#0f1b5e
```
#0f1b5e rgb(15,27,94)
```
#12206f
```
#12206f rgb(18,32,111)
```
#152580
```
#152580 rgb(21,37,128)
```
#172a91
```
#172a91 rgb(23,42,145)
```
#1a2fa1
```
#1a2fa1 rgb(26,47,161)
```
#1d34b2
```
#1d34b2 rgb(29,52,178)
```
#2039c3
```
#2039c3 rgb(32,57,195)
```
#223ed4
```
#223ed4 rgb(34,62,212)
```

Shade Color Variation

#2d48dd
```
#2d48dd rgb(45,72,221)
```
#3e57e0
```
#3e57e0 rgb(62,87,224)
```
#4f65e2
```
#4f65e2 rgb(79,101,226)
```
#6074e5
```
#6074e5 rgb(96,116,229)
```
#7183e8
```
#7183e8 rgb(113,131,232)
```
#8192eb
```
#8192eb rgb(129,146,235)
```
#92a0ed
```
#92a0ed rgb(146,160,237)
```
#a3aff0
```
#a3aff0 rgb(163,175,240)
```
#b4bef3
```
#b4bef3 rgb(180,190,243)
```
#c5ccf6
```
#c5ccf6 rgb(197,204,246)
```
#d6dbf8
```
#d6dbf8 rgb(214,219,248)
```
#e7eafb
```
#e7eafb rgb(231,234,251)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

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

#818389
```
#818389 rgb(129,131,137)
```
#787c92
```
#787c92 rgb(120,124,146)
```
#6f769b
```
#6f769b rgb(111,118,155)
```
#656fa5
```
#656fa5 rgb(101,111,165)
```
#5c69ae
```
#5c69ae rgb(92,105,174)
```
#5362b7
```
#5362b7 rgb(83,98,183)
```
#495cc1
```
#495cc1 rgb(73,92,193)
```
#4055ca
```
#4055ca rgb(64,85,202)
```
#364fd4
```
#364fd4 rgb(54,79,212)
```
#2d48dd
```
#2d48dd rgb(45,72,221)
```
#2441e6
```
#2441e6 rgb(36,65,230)
```
#1a3bf0
```
#1a3bf0 rgb(26,59,240)
```
#1134f9
```
#1134f9 rgb(17,52,249)
```

Tone Color Variation

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

Dichromacy

#0060bb Protanopia 1% of men
#0066a3 Deuteranopia 1% of men
#006d72 Tritanopia 0.001% of the population

Trichromacy

#1057c7 Protanomaly 1% of men, 0.01% of women
#105bb8 Deuteranomaly 6% of men, 0.4% of women
#105f99 Tritanomaly 0.01% of the population

#2d48dd hex color

#2d48dd Color Information

#2d48dd Color Conversion

Color Schemes with #2d48dd

Alternatives to #2d48dd

#2d48dd Preview

Shades and Tints of #2d48dd

Tones of #2d48dd

Color Blindness Simulator