#3d48b2 hex color

In a RGB color space, hex #3d48b2 is composed of 23.9% red, 28.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 59.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 234.4 degrees, a saturation of 49% and a lightness of 46.9%. #3d48b2 color hex could be obtained by blending #7a90ff with #000065. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 24
- G 28
- B 70
RGB color chart
- C 66
- M 60
- Y 0
- K 30
CMYK color chart

● #3d48b2 color description : Dark moderate blue.

The hexadecimal color #3d48b2 has RGB values of R:61, G:72, B:178 and CMYK values of C:0.66, M:0.6, Y:0, K:0.3. Its decimal value is 4016306.

Hex triplet	3d48b2	`#3d48b2`
RGB Decimal	61, 72, 178	`rgb(61,72,178)`
RGB Percent	23.9, 28.2, 69.8	`rgb(23.9%,28.2%,69.8%)`
CMYK	66, 60, 0, 30
HSL	234.4°, 49, 46.9	`hsl(234.4,49%,46.9%)`
HSV (or HSB)	234.4°, 65.7, 69.8
Web Safe	333399	`#333399`

CIE-LAB	35.675, 30.003, -57.84
XYZ	12.276, 8.841, 43.177
xyY	0.191, 0.138, 8.841
CIE-LCH	35.675, 65.158, 297.417
CIE-LUV	35.675, -8.764, -82.735
Hunter-Lab	29.733, 21.666, -65.284
Binary	00111101, 01001000, 10110010

#3d48b2
```
#3d48b2 rgb(61,72,178)
```
#b2a73d
```
#b2a73d rgb(178,167,61)
```

Complementary Color

#3d83b2
```
#3d83b2 rgb(61,131,178)
```
#3d48b2
```
#3d48b2 rgb(61,72,178)
```
#6d3db2
```
#6d3db2 rgb(109,61,178)
```

Analogous Color

#83b23d
```
#83b23d rgb(131,178,61)
```
#3d48b2
```
#3d48b2 rgb(61,72,178)
```
#b26d3d
```
#b26d3d rgb(178,109,61)
```

Split Complementary Color

#48b23d
```
#48b23d rgb(72,178,61)
```
#3d48b2
```
#3d48b2 rgb(61,72,178)
```
#b23d48
```
#b23d48 rgb(178,61,72)
```

Triadic Color

#3db2a7
```
#3db2a7 rgb(61,178,167)
```
#3d48b2
```
#3d48b2 rgb(61,72,178)
```
#b23d48
```
#b23d48 rgb(178,61,72)
```
#b2a73d
```
#b2a73d rgb(178,167,61)
```

Tetradic Color

#293179
```
#293179 rgb(41,49,121)
```
#30398c
```
#30398c rgb(48,57,140)
```
#36409f
```
#36409f rgb(54,64,159)
```
#3d48b2
```
#3d48b2 rgb(61,72,178)
```
#4853c0
```
#4853c0 rgb(72,83,192)
```
#5b65c7
```
#5b65c7 rgb(91,101,199)
```
#6e77cd
```
#6e77cd rgb(110,119,205)
```

Monochromatic Color

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

#3d65b2
```
#3d65b2 rgb(61,101,178)
```
#3d5cb2
```
#3d5cb2 rgb(61,92,178)
```
#3d52b2
```
#3d52b2 rgb(61,82,178)
```
#3d48b2
```
#3d48b2 rgb(61,72,178)
```
#3d3eb2
```
#3d3eb2 rgb(61,62,178)
```
#453db2
```
#453db2 rgb(69,61,178)
```
#4f3db2
```
#4f3db2 rgb(79,61,178)
```

Similar Colors

Text with hexadecimal color #3d48b2

This text has a font color of #3d48b2.

<span style="color:#3d48b2;">Text here</span>

#3d48b2 background color

This paragraph has a background color of #3d48b2.

<p style="background-color:#3d48b2;">Content here</p>

#3d48b2 border color

This element has a border color of #3d48b2.

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

CSS codes

.text {color:#3d48b2;}

.background {background-color:#3d48b2;}

.border {border:1px solid #3d48b2;}

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

#010103
```
#010103 rgb(1,1,3)
```
#060711
```
#060711 rgb(6,7,17)
```
#0b0d20
```
#0b0d20 rgb(11,13,32)
```
#10132f
```
#10132f rgb(16,19,47)
```
#15193d
```
#15193d rgb(21,25,61)
```
#1a1f4c
```
#1a1f4c rgb(26,31,76)
```
#1f255a
```
#1f255a rgb(31,37,90)
```
#242a69
```
#242a69 rgb(36,42,105)
```
#293078
```
#293078 rgb(41,48,120)
```
#2e3686
```
#2e3686 rgb(46,54,134)
```
#333c95
```
#333c95 rgb(51,60,149)
```
#3842a3
```
#3842a3 rgb(56,66,163)
```
#3d48b2
```
#3d48b2 rgb(61,72,178)
```

Shade Color Variation

#444fbf
```
#444fbf rgb(68,79,191)
```
#525dc4
```
#525dc4 rgb(82,93,196)
```
#616bc9
```
#616bc9 rgb(97,107,201)
```
#7078ce
```
#7078ce rgb(112,120,206)
```
#7e86d3
```
#7e86d3 rgb(126,134,211)
```
#8d94d8
```
#8d94d8 rgb(141,148,216)
```
#9ba2dd
```
#9ba2dd rgb(155,162,221)
```
#aaafe2
```
#aaafe2 rgb(170,175,226)
```
#b9bde7
```
#b9bde7 rgb(185,189,231)
```
#c7cbec
```
#c7cbec rgb(199,203,236)
```
#d6d8f1
```
#d6d8f1 rgb(214,216,241)
```
#e4e6f6
```
#e4e6f6 rgb(228,230,246)
```
#f3f4fb
```
#f3f4fb rgb(243,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74757b is the less saturated color, while #061be9 is the most saturated one.

#74757b
```
#74757b rgb(116,117,123)
```
#6b6d84
```
#6b6d84 rgb(107,109,132)
```
#62668d
```
#62668d rgb(98,102,141)
```
#595e96
```
#595e96 rgb(89,94,150)
```
#4f57a0
```
#4f57a0 rgb(79,87,160)
```
#464fa9
```
#464fa9 rgb(70,79,169)
```
#3d48b2
```
#3d48b2 rgb(61,72,178)
```
#3441bb
```
#3441bb rgb(52,65,187)
```
#2b39c4
```
#2b39c4 rgb(43,57,196)
```
#2132ce
```
#2132ce rgb(33,50,206)
```
#182ad7
```
#182ad7 rgb(24,42,215)
```
#0f23e0
```
#0f23e0 rgb(15,35,224)
```
#061be9
```
#061be9 rgb(6,27,233)
```

Tone Color Variation

Below, you can see how #3d48b2 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
#4d4f64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059b0 Protanopia 1% of men
#005e9a Deuteranopia 1% of men
#00656c Tritanopia 0.001% of the population

Trichromacy

#1653b0 Protanomaly 1% of men, 0.01% of women
#1656a2 Deuteranomaly 6% of men, 0.4% of women
#165a86 Tritanomaly 0.01% of the population

#3d48b2 hex color

#3d48b2 Color Information

#3d48b2 Color Conversion

Color Schemes with #3d48b2

Alternatives to #3d48b2

#3d48b2 Preview

Shades and Tints of #3d48b2

Tones of #3d48b2

Color Blindness Simulator