#2d48da hex color

In a RGB color space, hex #2d48da is composed of 17.6% red, 28.2% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 67% magenta, 0% yellow and 14.5% black. It has a hue angle of 230.6 degrees, a saturation of 70% and a lightness of 51.6%. #2d48da color hex could be obtained by blending #5a90ff with #0000b5. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 18
- G 28
- B 85
RGB color chart
- C 79
- M 67
- Y 0
- K 15
CMYK color chart

● #2d48da color description : Bright blue.

The hexadecimal color #2d48da has RGB values of R:45, G:72, B:218 and CMYK values of C:0.79, M:0.67, Y:0, K:0.15. Its decimal value is 2967770.

Hex triplet	2d48da	`#2d48da`
RGB Decimal	45, 72, 218	`rgb(45,72,218)`
RGB Percent	17.6, 28.2, 85.5	`rgb(17.6%,28.2%,85.5%)`
CMYK	79, 67, 0, 15
HSL	230.6°, 70, 51.6	`hsl(230.6,70%,51.6%)`
HSV (or HSB)	230.6°, 79.4, 85.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	38.293, 42.351, -76.89
XYZ	16.052, 10.253, 67.459
xyY	0.171, 0.109, 10.253
CIE-LCH	38.293, 87.782, 298.846
CIE-LUV	38.293, -12.618, -109.73
Hunter-Lab	32.021, 33.444, -102.492
Binary	00101101, 01001000, 11011010

#2d48da
```
#2d48da rgb(45,72,218)
```
#dabf2d
```
#dabf2d rgb(218,191,45)
```

Complementary Color

#2d9fda
```
#2d9fda rgb(45,159,218)
```
#2d48da
```
#2d48da rgb(45,72,218)
```
#692dda
```
#692dda rgb(105,45,218)
```

Analogous Color

#9fda2d
```
#9fda2d rgb(159,218,45)
```
#2d48da
```
#2d48da rgb(45,72,218)
```
#da692d
```
#da692d rgb(218,105,45)
```

Split Complementary Color

#48da2d
```
#48da2d rgb(72,218,45)
```
#2d48da
```
#2d48da rgb(45,72,218)
```
#da2d48
```
#da2d48 rgb(218,45,72)
```

Triadic Color

#2ddabf
```
#2ddabf rgb(45,218,191)
```
#2d48da
```
#2d48da rgb(45,72,218)
```
#da2d48
```
#da2d48 rgb(218,45,72)
```
#dabf2d
```
#dabf2d rgb(218,191,45)
```

Tetradic Color

#1c309f
```
#1c309f rgb(28,48,159)
```
#2037b4
```
#2037b4 rgb(32,55,180)
```
#243eca
```
#243eca rgb(36,62,202)
```
#2d48da
```
#2d48da rgb(45,72,218)
```
#435bde
```
#435bde rgb(67,91,222)
```
#586ee2
```
#586ee2 rgb(88,110,226)
```
#6e81e5
```
#6e81e5 rgb(110,129,229)
```

Monochromatic Color

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

#2d73da
```
#2d73da rgb(45,115,218)
```
#2d65da
```
#2d65da rgb(45,101,218)
```
#2d56da
```
#2d56da rgb(45,86,218)
```
#2d48da
```
#2d48da rgb(45,72,218)
```
#2d3ada
```
#2d3ada rgb(45,58,218)
```
#2f2dda
```
#2f2dda rgb(47,45,218)
```
#3d2dda
```
#3d2dda rgb(61,45,218)
```

Similar Colors

Text with hexadecimal color #2d48da

This text has a font color of #2d48da.

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

#2d48da background color

This paragraph has a background color of #2d48da.

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

#2d48da border color

This element has a border color of #2d48da.

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

CSS codes

.text {color:#2d48da;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#040717
```
#040717 rgb(4,7,23)
```
#070c28
```
#070c28 rgb(7,12,40)
```
#0a1139
```
#0a1139 rgb(10,17,57)
```
#0d164a
```
#0d164a rgb(13,22,74)
```
#101b5a
```
#101b5a rgb(16,27,90)
```
#13216b
```
#13216b rgb(19,33,107)
```
#16267c
```
#16267c rgb(22,38,124)
```
#192b8c
```
#192b8c rgb(25,43,140)
```
#1c309d
```
#1c309d rgb(28,48,157)
```
#1f35ae
```
#1f35ae rgb(31,53,174)
```
#223abe
```
#223abe rgb(34,58,190)
```
#243fcf
```
#243fcf rgb(36,63,207)
```

Shade Color Variation

#2d48da
```
#2d48da rgb(45,72,218)
```
#3e57dd
```
#3e57dd rgb(62,87,221)
```
#4e65e0
```
#4e65e0 rgb(78,101,224)
```
#5f74e3
```
#5f74e3 rgb(95,116,227)
```
#7082e6
```
#7082e6 rgb(112,130,230)
```
#8091e9
```
#8091e9 rgb(128,145,233)
```
#919fec
```
#919fec rgb(145,159,236)
```
#a2aeef
```
#a2aeef rgb(162,174,239)
```
#b2bcf2
```
#b2bcf2 rgb(178,188,242)
```
#c3cbf4
```
#c3cbf4 rgb(195,203,244)
```
#d4d9f7
```
#d4d9f7 rgb(212,217,247)
```
#e4e8fa
```
#e4e8fa rgb(228,232,250)
```
#f5f6fd
```
#f5f6fd rgb(245,246,253)
```

Tint Color Variation

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

#838385
```
#838385 rgb(131,131,133)
```
#797c8e
```
#797c8e rgb(121,124,142)
```
#707698
```
#707698 rgb(112,118,152)
```
#666fa1
```
#666fa1 rgb(102,111,161)
```
#5d69ab
```
#5d69ab rgb(93,105,171)
```
#5362b4
```
#5362b4 rgb(83,98,180)
```
#4a5cbe
```
#4a5cbe rgb(74,92,190)
```
#4055c7
```
#4055c7 rgb(64,85,199)
```
#374fd1
```
#374fd1 rgb(55,79,209)
```
#2d48da
```
#2d48da rgb(45,72,218)
```
#2441e4
```
#2441e4 rgb(36,65,228)
```
#1a3bed
```
#1a3bed rgb(26,59,237)
```
#1034f7
```
#1034f7 rgb(16,52,247)
```

Tone Color Variation

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

Dichromacy

#005fba Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#1057c6 Protanomaly 1% of men, 0.01% of women
#105ab6 Deuteranomaly 6% of men, 0.4% of women
#105f97 Tritanomaly 0.01% of the population

#2d48da hex color

#2d48da Color Information

#2d48da Color Conversion

Color Schemes with #2d48da

Alternatives to #2d48da

#2d48da Preview

Shades and Tints of #2d48da

Tones of #2d48da

Color Blindness Simulator