#3a48cf hex color

In a RGB color space, hex #3a48cf is composed of 22.7% red, 28.2% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 65.2% magenta, 0% yellow and 18.8% black. It has a hue angle of 234.4 degrees, a saturation of 60.8% and a lightness of 52%. #3a48cf color hex could be obtained by blending #7490ff with #00009f. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 23
- G 28
- B 81
RGB color chart
- C 72
- M 65
- Y 0
- K 19
CMYK color chart

● #3a48cf color description : Moderate blue.

The hexadecimal color #3a48cf has RGB values of R:58, G:72, B:207 and CMYK values of C:0.72, M:0.65, Y:0, K:0.19. Its decimal value is 3819727.

Hex triplet	3a48cf	`#3a48cf`
RGB Decimal	58, 72, 207	`rgb(58,72,207)`
RGB Percent	22.7, 28.2, 81.2	`rgb(22.7%,28.2%,81.2%)`
CMYK	72, 65, 0, 19
HSL	234.4°, 60.8, 52	`hsl(234.4,60.8%,52%)`
HSV (or HSB)	234.4°, 72, 81.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.911, 39.749, -71.162
XYZ	15.322, 10.038, 60.158
xyY	0.179, 0.117, 10.038
CIE-LCH	37.911, 81.511, 299.186
CIE-LUV	37.911, -10.296, -102.267
Hunter-Lab	31.683, 30.879, -90.398
Binary	00111010, 01001000, 11001111

#3a48cf
```
#3a48cf rgb(58,72,207)
```
#cfc13a
```
#cfc13a rgb(207,193,58)
```

Complementary Color

#3a93cf
```
#3a93cf rgb(58,147,207)
```
#3a48cf
```
#3a48cf rgb(58,72,207)
```
#773acf
```
#773acf rgb(119,58,207)
```

Analogous Color

#93cf3a
```
#93cf3a rgb(147,207,58)
```
#3a48cf
```
#3a48cf rgb(58,72,207)
```
#cf773a
```
#cf773a rgb(207,119,58)
```

Split Complementary Color

#48cf3a
```
#48cf3a rgb(72,207,58)
```
#3a48cf
```
#3a48cf rgb(58,72,207)
```
#cf3a48
```
#cf3a48 rgb(207,58,72)
```

Triadic Color

#3acfc1
```
#3acfc1 rgb(58,207,193)
```
#3a48cf
```
#3a48cf rgb(58,72,207)
```
#cf3a48
```
#cf3a48 rgb(207,58,72)
```
#cfc13a
```
#cfc13a rgb(207,193,58)
```

Tetradic Color

#253098
```
#253098 rgb(37,48,152)
```
#2a36ac
```
#2a36ac rgb(42,54,172)
```
#2f3dc1
```
#2f3dc1 rgb(47,61,193)
```
#3a48cf
```
#3a48cf rgb(58,72,207)
```
#4f5bd4
```
#4f5bd4 rgb(79,91,212)
```
#636ed9
```
#636ed9 rgb(99,110,217)
```
#7881de
```
#7881de rgb(120,129,222)
```

Monochromatic Color

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

#3a6dcf
```
#3a6dcf rgb(58,109,207)
```
#3a61cf
```
#3a61cf rgb(58,97,207)
```
#3a54cf
```
#3a54cf rgb(58,84,207)
```
#3a48cf
```
#3a48cf rgb(58,72,207)
```
#3a3ccf
```
#3a3ccf rgb(58,60,207)
```
#453acf
```
#453acf rgb(69,58,207)
```
#513acf
```
#513acf rgb(81,58,207)
```

Similar Colors

Text with hexadecimal color #3a48cf

This text has a font color of #3a48cf.

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

#3a48cf background color

This paragraph has a background color of #3a48cf.

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

#3a48cf border color

This element has a border color of #3a48cf.

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

CSS codes

.text {color:#3a48cf;}

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

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

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

#020308
```
#020308 rgb(2,3,8)
```
#060718
```
#060718 rgb(6,7,24)
```
#0a0c28
```
#0a0c28 rgb(10,12,40)
```
#0d1137
```
#0d1137 rgb(13,17,55)
```
#111647
```
#111647 rgb(17,22,71)
```
#151b57
```
#151b57 rgb(21,27,87)
```
#192067
```
#192067 rgb(25,32,103)
```
#1d2576
```
#1d2576 rgb(29,37,118)
```
#212a86
```
#212a86 rgb(33,42,134)
```
#252f96
```
#252f96 rgb(37,47,150)
```
#2834a6
```
#2834a6 rgb(40,52,166)
```
#2c39b6
```
#2c39b6 rgb(44,57,182)
```
#303ec5
```
#303ec5 rgb(48,62,197)
```

Shade Color Variation

#3a48cf
```
#3a48cf rgb(58,72,207)
```
#4a57d3
```
#4a57d3 rgb(74,87,211)
```
#5a65d7
```
#5a65d7 rgb(90,101,215)
```
#6974db
```
#6974db rgb(105,116,219)
```
#7983de
```
#7983de rgb(121,131,222)
```
#8991e2
```
#8991e2 rgb(137,145,226)
```
#99a0e6
```
#99a0e6 rgb(153,160,230)
```
#a8afea
```
#a8afea rgb(168,175,234)
```
#b8bdee
```
#b8bdee rgb(184,189,238)
```
#c8ccf2
```
#c8ccf2 rgb(200,204,242)
```
#d8dbf5
```
#d8dbf5 rgb(216,219,245)
```
#e7e9f9
```
#e7e9f9 rgb(231,233,249)
```
#f7f8fd
```
#f7f8fd rgb(247,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7e8d is the less saturated color, while #0b22fe is the most saturated one.

#7c7e8d
```
#7c7e8d rgb(124,126,141)
```
#737696
```
#737696 rgb(115,118,150)
```
#696ea0
```
#696ea0 rgb(105,110,160)
```
#6067a9
```
#6067a9 rgb(96,103,169)
```
#565fb3
```
#565fb3 rgb(86,95,179)
```
#4d57bc
```
#4d57bc rgb(77,87,188)
```
#4350c6
```
#4350c6 rgb(67,80,198)
```
#3a48cf
```
#3a48cf rgb(58,72,207)
```
#3140d8
```
#3140d8 rgb(49,64,216)
```
#2739e2
```
#2739e2 rgb(39,57,226)
```
#1e31eb
```
#1e31eb rgb(30,49,235)
```
#1429f5
```
#1429f5 rgb(20,41,245)
```
#0b22fe
```
#0b22fe rgb(11,34,254)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4e516c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb9 Protanopia 1% of men
#0064a1 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#1556c1 Protanomaly 1% of men, 0.01% of women
#155ab1 Deuteranomaly 6% of men, 0.4% of women
#155e93 Tritanomaly 0.01% of the population

#3a48cf hex color

#3a48cf Color Information

#3a48cf Color Conversion

Color Schemes with #3a48cf

Alternatives to #3a48cf

#3a48cf Preview

Shades and Tints of #3a48cf

Tones of #3a48cf

Color Blindness Simulator