#3a48d8 hex color

In a RGB color space, hex #3a48d8 is composed of 22.7% red, 28.2% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 66.7% magenta, 0% yellow and 15.3% black. It has a hue angle of 234.7 degrees, a saturation of 66.9% and a lightness of 53.7%. #3a48d8 color hex could be obtained by blending #7490ff with #0000b1. Closest websafe color is: #3333cc.

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

● #3a48d8 color description : Moderate blue.

The hexadecimal color #3a48d8 has RGB values of R:58, G:72, B:216 and CMYK values of C:0.73, M:0.67, Y:0, K:0.15. Its decimal value is 3819736.

Hex triplet	3a48d8	`#3a48d8`
RGB Decimal	58, 72, 216	`rgb(58,72,216)`
RGB Percent	22.7, 28.2, 84.7	`rgb(22.7%,28.2%,84.7%)`
CMYK	73, 67, 0, 15
HSL	234.7°, 66.9, 53.7	`hsl(234.7,66.9%,53.7%)`
HSV (or HSB)	234.7°, 73.1, 84.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	38.71, 42.849, -75.037
XYZ	16.454, 10.491, 66.12
xyY	0.177, 0.113, 10.491
CIE-LCH	38.71, 86.409, 299.728
CIE-LUV	38.71, -10.566, -108.014
Hunter-Lab	32.39, 33.997, -98.36
Binary	00111010, 01001000, 11011000

#3a48d8
```
#3a48d8 rgb(58,72,216)
```
#d8ca3a
```
#d8ca3a rgb(216,202,58)
```

Complementary Color

#3a97d8
```
#3a97d8 rgb(58,151,216)
```
#3a48d8
```
#3a48d8 rgb(58,72,216)
```
#7b3ad8
```
#7b3ad8 rgb(123,58,216)
```

Analogous Color

#97d83a
```
#97d83a rgb(151,216,58)
```
#3a48d8
```
#3a48d8 rgb(58,72,216)
```
#d87b3a
```
#d87b3a rgb(216,123,58)
```

Split Complementary Color

#48d83a
```
#48d83a rgb(72,216,58)
```
#3a48d8
```
#3a48d8 rgb(58,72,216)
```
#d83a48
```
#d83a48 rgb(216,58,72)
```

Triadic Color

#3ad8ca
```
#3ad8ca rgb(58,216,202)
```
#3a48d8
```
#3a48d8 rgb(58,72,216)
```
#d83a48
```
#d83a48 rgb(216,58,72)
```
#d8ca3a
```
#d8ca3a rgb(216,202,58)
```

Tetradic Color

#212ca5
```
#212ca5 rgb(33,44,165)
```
#2532ba
```
#2532ba rgb(37,50,186)
```
#2938cf
```
#2938cf rgb(41,56,207)
```
#3a48d8
```
#3a48d8 rgb(58,72,216)
```
#4f5cdc
```
#4f5cdc rgb(79,92,220)
```
#6570e0
```
#6570e0 rgb(101,112,224)
```
#7a83e5
```
#7a83e5 rgb(122,131,229)
```

Monochromatic Color

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

#3a70d8
```
#3a70d8 rgb(58,112,216)
```
#3a62d8
```
#3a62d8 rgb(58,98,216)
```
#3a55d8
```
#3a55d8 rgb(58,85,216)
```
#3a48d8
```
#3a48d8 rgb(58,72,216)
```
#3a3bd8
```
#3a3bd8 rgb(58,59,216)
```
#463ad8
```
#463ad8 rgb(70,58,216)
```
#533ad8
```
#533ad8 rgb(83,58,216)
```

Similar Colors

Text with hexadecimal color #3a48d8

This text has a font color of #3a48d8.

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

#3a48d8 background color

This paragraph has a background color of #3a48d8.

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

#3a48d8 border color

This element has a border color of #3a48d8.

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

CSS codes

.text {color:#3a48d8;}

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

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

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

#030410
```
#030410 rgb(3,4,16)
```
#060920
```
#060920 rgb(6,9,32)
```
#0a0d31
```
#0a0d31 rgb(10,13,49)
```
#0d1141
```
#0d1141 rgb(13,17,65)
```
#101651
```
#101651 rgb(16,22,81)
```
#131a62
```
#131a62 rgb(19,26,98)
```
#171f72
```
#171f72 rgb(23,31,114)
```
#1a2382
```
#1a2382 rgb(26,35,130)
```
#1d2893
```
#1d2893 rgb(29,40,147)
```
#202ca3
```
#202ca3 rgb(32,44,163)
```
#2430b4
```
#2430b4 rgb(36,48,180)
```
#2735c4
```
#2735c4 rgb(39,53,196)
```
#2a39d4
```
#2a39d4 rgb(42,57,212)
```

Shade Color Variation

#3a48d8
```
#3a48d8 rgb(58,72,216)
```
#4a57db
```
#4a57db rgb(74,87,219)
```
#5b66de
```
#5b66de rgb(91,102,222)
```
#6b76e2
```
#6b76e2 rgb(107,118,226)
```
#7b85e5
```
#7b85e5 rgb(123,133,229)
```
#8c94e8
```
#8c94e8 rgb(140,148,232)
```
#9ca3eb
```
#9ca3eb rgb(156,163,235)
```
#adb2ef
```
#adb2ef rgb(173,178,239)
```
#bdc2f2
```
#bdc2f2 rgb(189,194,242)
```
#cdd1f5
```
#cdd1f5 rgb(205,209,245)
```
#dee0f8
```
#dee0f8 rgb(222,224,248)
```
#eeeffc
```
#eeeffc rgb(238,239,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83848f is the less saturated color, while #162afc is the most saturated one.

#83848f
```
#83848f rgb(131,132,143)
```
#7a7c98
```
#7a7c98 rgb(122,124,152)
```
#7075a2
```
#7075a2 rgb(112,117,162)
```
#676dab
```
#676dab rgb(103,109,171)
```
#5e66b4
```
#5e66b4 rgb(94,102,180)
```
#555ebd
```
#555ebd rgb(85,94,189)
```
#4c57c6
```
#4c57c6 rgb(76,87,198)
```
#434fcf
```
#434fcf rgb(67,79,207)
```
#3a48d8
```
#3a48d8 rgb(58,72,216)
```
#3141e1
```
#3141e1 rgb(49,65,225)
```
#2839ea
```
#2839ea rgb(40,57,234)
```
#1f32f3
```
#1f32f3 rgb(31,50,243)
```
#162afc
```
#162afc rgb(22,42,252)
```

Tone Color Variation

Below, you can see how #3a48d8 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

#545454 Achromatopsia 0.005% of the population
#4f526e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bc Protanopia 1% of men
#0066a4 Deuteranopia 1% of men
#006d73 Tritanopia 0.001% of the population

Trichromacy

#1557c6 Protanomaly 1% of men, 0.01% of women
#155bb6 Deuteranomaly 6% of men, 0.4% of women
#155f98 Tritanomaly 0.01% of the population

#3a48d8 hex color

#3a48d8 Color Information

#3a48d8 Color Conversion

Color Schemes with #3a48d8

Alternatives to #3a48d8

#3a48d8 Preview

Shades and Tints of #3a48d8

Tones of #3a48d8

Color Blindness Simulator