#3048ac hex color

In a RGB color space, hex #3048ac is composed of 18.8% red, 28.2% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 58.1% magenta, 0% yellow and 32.5% black. It has a hue angle of 228.4 degrees, a saturation of 56.4% and a lightness of 43.1%. #3048ac color hex could be obtained by blending #6090ff with #000059. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 28
- B 67
RGB color chart
- C 72
- M 58
- Y 0
- K 33
CMYK color chart

● #3048ac color description : Dark blue.

The hexadecimal color #3048ac has RGB values of R:48, G:72, B:172 and CMYK values of C:0.72, M:0.58, Y:0, K:0.33. Its decimal value is 3164332.

Hex triplet	3048ac	`#3048ac`
RGB Decimal	48, 72, 172	`rgb(48,72,172)`
RGB Percent	18.8, 28.2, 67.5	`rgb(18.8%,28.2%,67.5%)`
CMYK	72, 58, 0, 33
HSL	228.4°, 56.4, 43.1	`hsl(228.4,56.4%,43.1%)`
HSV (or HSB)	228.4°, 72.1, 67.5
Web Safe	333399	`#333399`

CIE-LAB	34.48, 25.938, -56.253
XYZ	10.981, 8.241, 40.039
xyY	0.185, 0.139, 8.241
CIE-LCH	34.48, 61.944, 294.754
CIE-LUV	34.48, -11.382, -79.406
Hunter-Lab	28.707, 18.043, -62.6
Binary	00110000, 01001000, 10101100

#3048ac
```
#3048ac rgb(48,72,172)
```
#ac9430
```
#ac9430 rgb(172,148,48)
```

Complementary Color

#3086ac
```
#3086ac rgb(48,134,172)
```
#3048ac
```
#3048ac rgb(48,72,172)
```
#5630ac
```
#5630ac rgb(86,48,172)
```

Analogous Color

#86ac30
```
#86ac30 rgb(134,172,48)
```
#3048ac
```
#3048ac rgb(48,72,172)
```
#ac5630
```
#ac5630 rgb(172,86,48)
```

Split Complementary Color

#48ac30
```
#48ac30 rgb(72,172,48)
```
#3048ac
```
#3048ac rgb(48,72,172)
```
#ac3048
```
#ac3048 rgb(172,48,72)
```

Triadic Color

#30ac94
```
#30ac94 rgb(48,172,148)
```
#3048ac
```
#3048ac rgb(48,72,172)
```
#ac3048
```
#ac3048 rgb(172,48,72)
```
#ac9430
```
#ac9430 rgb(172,148,48)
```

Tetradic Color

#1f2f70
```
#1f2f70 rgb(31,47,112)
```
#253784
```
#253784 rgb(37,55,132)
```
#2a4098
```
#2a4098 rgb(42,64,152)
```
#3048ac
```
#3048ac rgb(48,72,172)
```
#3650c0
```
#3650c0 rgb(54,80,192)
```
#445ecb
```
#445ecb rgb(68,94,203)
```
#586fd0
```
#586fd0 rgb(88,111,208)
```

Monochromatic Color

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

#3067ac
```
#3067ac rgb(48,103,172)
```
#305dac
```
#305dac rgb(48,93,172)
```
#3052ac
```
#3052ac rgb(48,82,172)
```
#3048ac
```
#3048ac rgb(48,72,172)
```
#303eac
```
#303eac rgb(48,62,172)
```
#3033ac
```
#3033ac rgb(48,51,172)
```
#3730ac
```
#3730ac rgb(55,48,172)
```

Similar Colors

Text with hexadecimal color #3048ac

This text has a font color of #3048ac.

<span style="color:#3048ac;">Text here</span>

#3048ac background color

This paragraph has a background color of #3048ac.

<p style="background-color:#3048ac;">Content here</p>

#3048ac border color

This element has a border color of #3048ac.

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

CSS codes

.text {color:#3048ac;}

.background {background-color:#3048ac;}

.border {border:1px solid #3048ac;}

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 #f3f5fc is the lightest one.

#010103
```
#010103 rgb(1,1,3)
```
#050813
```
#050813 rgb(5,8,19)
```
#090e22
```
#090e22 rgb(9,14,34)
```
#0e1531
```
#0e1531 rgb(14,21,49)
```
#121b41
```
#121b41 rgb(18,27,65)
```
#162150
```
#162150 rgb(22,33,80)
```
#1b285f
```
#1b285f rgb(27,40,95)
```
#1f2e6f
```
#1f2e6f rgb(31,46,111)
```
#23357e
```
#23357e rgb(35,53,126)
```
#273b8d
```
#273b8d rgb(39,59,141)
```
#2c429d
```
#2c429d rgb(44,66,157)
```
#3048ac
```
#3048ac rgb(48,72,172)
```
#344ebb
```
#344ebb rgb(52,78,187)
```

Shade Color Variation

#3b56c8
```
#3b56c8 rgb(59,86,200)
```
#4a63cd
```
#4a63cd rgb(74,99,205)
```
#5a71d1
```
#5a71d1 rgb(90,113,209)
```
#697ed5
```
#697ed5 rgb(105,126,213)
```
#788bd9
```
#788bd9 rgb(120,139,217)
```
#8898de
```
#8898de rgb(136,152,222)
```
#97a5e2
```
#97a5e2 rgb(151,165,226)
```
#a6b3e6
```
#a6b3e6 rgb(166,179,230)
```
#b6c0eb
```
#b6c0eb rgb(182,192,235)
```
#c5cdef
```
#c5cdef rgb(197,205,239)
```
#d4daf3
```
#d4daf3 rgb(212,218,243)
```
#e4e7f7
```
#e4e7f7 rgb(228,231,247)
```
#f3f5fc
```
#f3f5fc rgb(243,245,252)
```

Tint Color Variation

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

#6b6c71
```
#6b6c71 rgb(107,108,113)
```
#636779
```
#636779 rgb(99,103,121)
```
#5a6282
```
#5a6282 rgb(90,98,130)
```
#525d8a
```
#525d8a rgb(82,93,138)
```
#495893
```
#495893 rgb(73,88,147)
```
#41529b
```
#41529b rgb(65,82,155)
```
#384da4
```
#384da4 rgb(56,77,164)
```
#3048ac
```
#3048ac rgb(48,72,172)
```
#2843b4
```
#2843b4 rgb(40,67,180)
```
#1f3ebd
```
#1f3ebd rgb(31,62,189)
```
#1738c5
```
#1738c5 rgb(23,56,197)
```
#0e33ce
```
#0e33ce rgb(14,51,206)
```
#062ed6
```
#062ed6 rgb(6,46,214)
```

Tone Color Variation

Below, you can see how #3048ac 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

#4c4c4c Achromatopsia 0.005% of the population
#464b5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057ab Protanopia 1% of men
#005c95 Deuteranopia 1% of men
#006269 Tritanopia 0.001% of the population

Trichromacy

#1151ab Protanomaly 1% of men, 0.01% of women
#11549d Deuteranomaly 6% of men, 0.4% of women
#115981 Tritanomaly 0.01% of the population

#3048ac hex color

#3048ac Color Information

#3048ac Color Conversion

Color Schemes with #3048ac

Alternatives to #3048ac

#3048ac Preview

Shades and Tints of #3048ac

Tones of #3048ac

Color Blindness Simulator