#2d48bd hex color

In a RGB color space, hex #2d48bd is composed of 17.6% red, 28.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 61.9% magenta, 0% yellow and 25.9% black. It has a hue angle of 228.8 degrees, a saturation of 61.5% and a lightness of 45.9%. #2d48bd color hex could be obtained by blending #5a90ff with #00007b. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 18
- G 28
- B 74
RGB color chart
- C 76
- M 62
- Y 0
- K 26
CMYK color chart

● #2d48bd color description : Strong blue.

The hexadecimal color #2d48bd has RGB values of R:45, G:72, B:189 and CMYK values of C:0.76, M:0.62, Y:0, K:0.26. Its decimal value is 2967741.

Hex triplet	2d48bd	`#2d48bd`
RGB Decimal	45, 72, 189	`rgb(45,72,189)`
RGB Percent	17.6, 28.2, 74.1	`rgb(17.6%,28.2%,74.1%)`
CMYK	76, 62, 0, 26
HSL	228.8°, 61.5, 45.9	`hsl(228.8,61.5%,45.9%)`
HSV (or HSB)	228.8°, 76.2, 74.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.725, 31.879, -64.281
XYZ	12.583, 8.866, 49.189
xyY	0.178, 0.126, 8.866
CIE-LCH	35.725, 71.752, 296.378
CIE-LUV	35.725, -12.14, -91.089
Hunter-Lab	29.776, 23.325, -77.104
Binary	00101101, 01001000, 10111101

#2d48bd
```
#2d48bd rgb(45,72,189)
```
#bda22d
```
#bda22d rgb(189,162,45)
```

Complementary Color

#2d90bd
```
#2d90bd rgb(45,144,189)
```
#2d48bd
```
#2d48bd rgb(45,72,189)
```
#5a2dbd
```
#5a2dbd rgb(90,45,189)
```

Analogous Color

#90bd2d
```
#90bd2d rgb(144,189,45)
```
#2d48bd
```
#2d48bd rgb(45,72,189)
```
#bd5a2d
```
#bd5a2d rgb(189,90,45)
```

Split Complementary Color

#48bd2d
```
#48bd2d rgb(72,189,45)
```
#2d48bd
```
#2d48bd rgb(45,72,189)
```
#bd2d48
```
#bd2d48 rgb(189,45,72)
```

Triadic Color

#2dbda2
```
#2dbda2 rgb(45,189,162)
```
#2d48bd
```
#2d48bd rgb(45,72,189)
```
#bd2d48
```
#bd2d48 rgb(189,45,72)
```
#bda22d
```
#bda22d rgb(189,162,45)
```

Tetradic Color

#1e307f
```
#1e307f rgb(30,48,127)
```
#233894
```
#233894 rgb(35,56,148)
```
#2840a8
```
#2840a8 rgb(40,64,168)
```
#2d48bd
```
#2d48bd rgb(45,72,189)
```
#3552cf
```
#3552cf rgb(53,82,207)
```
#4963d4
```
#4963d4 rgb(73,99,212)
```
#5e75d9
```
#5e75d9 rgb(94,117,217)
```

Monochromatic Color

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

#2d6cbd
```
#2d6cbd rgb(45,108,189)
```
#2d60bd
```
#2d60bd rgb(45,96,189)
```
#2d54bd
```
#2d54bd rgb(45,84,189)
```
#2d48bd
```
#2d48bd rgb(45,72,189)
```
#2d3cbd
```
#2d3cbd rgb(45,60,189)
```
#2d30bd
```
#2d30bd rgb(45,48,189)
```
#362dbd
```
#362dbd rgb(54,45,189)
```

Similar Colors

Text with hexadecimal color #2d48bd

This text has a font color of #2d48bd.

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

#2d48bd background color

This paragraph has a background color of #2d48bd.

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

#2d48bd border color

This element has a border color of #2d48bd.

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

CSS codes

.text {color:#2d48bd;}

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

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

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

#04060f
```
#04060f rgb(4,6,15)
```
#070c1f
```
#070c1f rgb(7,12,31)
```
#0b122e
```
#0b122e rgb(11,18,46)
```
#0f183e
```
#0f183e rgb(15,24,62)
```
#131e4e
```
#131e4e rgb(19,30,78)
```
#16245e
```
#16245e rgb(22,36,94)
```
#1a2a6e
```
#1a2a6e rgb(26,42,110)
```
#1e307e
```
#1e307e rgb(30,48,126)
```
#22368d
```
#22368d rgb(34,54,141)
```
#253c9d
```
#253c9d rgb(37,60,157)
```
#2942ad
```
#2942ad rgb(41,66,173)
```
#2d48bd
```
#2d48bd rgb(45,72,189)
```
#314ecd
```
#314ecd rgb(49,78,205)
```

Shade Color Variation

#405bd1
```
#405bd1 rgb(64,91,209)
```
#5069d5
```
#5069d5 rgb(80,105,213)
```
#5f76d9
```
#5f76d9 rgb(95,118,217)
```
#6f84dd
```
#6f84dd rgb(111,132,221)
```
#7f91e1
```
#7f91e1 rgb(127,145,225)
```
#8f9fe4
```
#8f9fe4 rgb(143,159,228)
```
#9fade8
```
#9fade8 rgb(159,173,232)
```
#afbaec
```
#afbaec rgb(175,186,236)
```
#bfc8f0
```
#bfc8f0 rgb(191,200,240)
```
#ced5f3
```
#ced5f3 rgb(206,213,243)
```
#dee3f7
```
#dee3f7 rgb(222,227,247)
```
#eef0fb
```
#eef0fb rgb(238,240,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6f7e is the less saturated color, while #002cea is the most saturated one.

#6c6f7e
```
#6c6f7e rgb(108,111,126)
```
#636a87
```
#636a87 rgb(99,106,135)
```
#5a6490
```
#5a6490 rgb(90,100,144)
```
#515f99
```
#515f99 rgb(81,95,153)
```
#4859a2
```
#4859a2 rgb(72,89,162)
```
#3f53ab
```
#3f53ab rgb(63,83,171)
```
#364eb4
```
#364eb4 rgb(54,78,180)
```
#2d48bd
```
#2d48bd rgb(45,72,189)
```
#2442c6
```
#2442c6 rgb(36,66,198)
```
#1b3dcf
```
#1b3dcf rgb(27,61,207)
```
#1237d8
```
#1237d8 rgb(18,55,216)
```
#0932e1
```
#0932e1 rgb(9,50,225)
```
#002cea
```
#002cea rgb(0,44,234)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#474c63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#005f99 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#1053b4 Protanomaly 1% of men, 0.01% of women
#1056a6 Deuteranomaly 6% of men, 0.4% of women
#105b89 Tritanomaly 0.01% of the population

#2d48bd hex color

#2d48bd Color Information

#2d48bd Color Conversion

Color Schemes with #2d48bd

Alternatives to #2d48bd

#2d48bd Preview

Shades and Tints of #2d48bd

Tones of #2d48bd

Color Blindness Simulator