#4548aa hex color

In a RGB color space, hex #4548aa is composed of 27.1% red, 28.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 57.6% magenta, 0% yellow and 33.3% black. It has a hue angle of 238.2 degrees, a saturation of 42.3% and a lightness of 46.9%. #4548aa color hex could be obtained by blending #8a90ff with #000055. Closest websafe color is: #333399.

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

● #4548aa color description : Dark moderate blue.

The hexadecimal color #4548aa has RGB values of R:69, G:72, B:170 and CMYK values of C:0.59, M:0.58, Y:0, K:0.33. Its decimal value is 4540586.

Hex triplet	4548aa	`#4548aa`
RGB Decimal	69, 72, 170	`rgb(69,72,170)`
RGB Percent	27.1, 28.2, 66.7	`rgb(27.1%,28.2%,66.7%)`
CMYK	59, 58, 0, 33
HSL	238.2°, 42.3, 46.9	`hsl(238.2,42.3%,46.9%)`
HSV (or HSB)	238.2°, 59.4, 66.7
Web Safe	333399	`#333399`

CIE-LAB	35.6, 28.601, -53.184
XYZ	12.026, 8.802, 39.093
xyY	0.201, 0.147, 8.802
CIE-LCH	35.6, 60.387, 298.27
CIE-LUV	35.6, -6.372, -76.46
Hunter-Lab	29.668, 20.437, -57.359
Binary	01000101, 01001000, 10101010

#4548aa
```
#4548aa rgb(69,72,170)
```
#aaa745
```
#aaa745 rgb(170,167,69)
```

Complementary Color

#457baa
```
#457baa rgb(69,123,170)
```
#4548aa
```
#4548aa rgb(69,72,170)
```
#7545aa
```
#7545aa rgb(117,69,170)
```

Analogous Color

#7baa45
```
#7baa45 rgb(123,170,69)
```
#4548aa
```
#4548aa rgb(69,72,170)
```
#aa7545
```
#aa7545 rgb(170,117,69)
```

Split Complementary Color

#48aa45
```
#48aa45 rgb(72,170,69)
```
#4548aa
```
#4548aa rgb(69,72,170)
```
#aa4548
```
#aa4548 rgb(170,69,72)
```

Triadic Color

#45aaa7
```
#45aaa7 rgb(69,170,167)
```
#4548aa
```
#4548aa rgb(69,72,170)
```
#aa4548
```
#aa4548 rgb(170,69,72)
```
#aaa745
```
#aaa745 rgb(170,167,69)
```

Tetradic Color

#2f3174
```
#2f3174 rgb(47,49,116)
```
#363986
```
#363986 rgb(54,57,134)
```
#3e4098
```
#3e4098 rgb(62,64,152)
```
#4548aa
```
#4548aa rgb(69,72,170)
```
#5053b8
```
#5053b8 rgb(80,83,184)
```
#6365bf
```
#6365bf rgb(99,101,191)
```
#7577c7
```
#7577c7 rgb(117,119,199)
```

Monochromatic Color

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

#4561aa
```
#4561aa rgb(69,97,170)
```
#4559aa
```
#4559aa rgb(69,89,170)
```
#4550aa
```
#4550aa rgb(69,80,170)
```
#4548aa
```
#4548aa rgb(69,72,170)
```
#4a45aa
```
#4a45aa rgb(74,69,170)
```
#5345aa
```
#5345aa rgb(83,69,170)
```
#5b45aa
```
#5b45aa rgb(91,69,170)
```

Similar Colors

Text with hexadecimal color #4548aa

This text has a font color of #4548aa.

<span style="color:#4548aa;">Text here</span>

#4548aa background color

This paragraph has a background color of #4548aa.

<p style="background-color:#4548aa;">Content here</p>

#4548aa border color

This element has a border color of #4548aa.

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

CSS codes

.text {color:#4548aa;}

.background {background-color:#4548aa;}

.border {border:1px solid #4548aa;}

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

#010103
```
#010103 rgb(1,1,3)
```
#070711
```
#070711 rgb(7,7,17)
```
#0c0d1e
```
#0c0d1e rgb(12,13,30)
```
#12132c
```
#12132c rgb(18,19,44)
```
#18193a
```
#18193a rgb(24,25,58)
```
#1d1f48
```
#1d1f48 rgb(29,31,72)
```
#232556
```
#232556 rgb(35,37,86)
```
#292a64
```
#292a64 rgb(41,42,100)
```
#2e3072
```
#2e3072 rgb(46,48,114)
```
#343680
```
#343680 rgb(52,54,128)
```
#3a3c8e
```
#3a3c8e rgb(58,60,142)
```
#3f429c
```
#3f429c rgb(63,66,156)
```
#4548aa
```
#4548aa rgb(69,72,170)
```

Shade Color Variation

#4c4fb6
```
#4c4fb6 rgb(76,79,182)
```
#5a5dbc
```
#5a5dbc rgb(90,93,188)
```
#686bc2
```
#686bc2 rgb(104,107,194)
```
#7678c7
```
#7678c7 rgb(118,120,199)
```
#8486cd
```
#8486cd rgb(132,134,205)
```
#9294d3
```
#9294d3 rgb(146,148,211)
```
#a0a2d8
```
#a0a2d8 rgb(160,162,216)
```
#aeafde
```
#aeafde rgb(174,175,222)
```
#bcbde4
```
#bcbde4 rgb(188,189,228)
```
#cacbe9
```
#cacbe9 rgb(202,203,233)
```
#d8d8ef
```
#d8d8ef rgb(216,216,239)
```
#e6e6f5
```
#e6e6f5 rgb(230,230,245)
```
#f4f4fa
```
#f4f4fa rgb(244,244,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #73737c is the less saturated color, while #050bea is the most saturated one.

#73737c
```
#73737c rgb(115,115,124)
```
#6a6b85
```
#6a6b85 rgb(106,107,133)
```
#61628e
```
#61628e rgb(97,98,142)
```
#575998
```
#575998 rgb(87,89,152)
```
#4e51a1
```
#4e51a1 rgb(78,81,161)
```
#4548aa
```
#4548aa rgb(69,72,170)
```
#3c3fb3
```
#3c3fb3 rgb(60,63,179)
```
#3337bc
```
#3337bc rgb(51,55,188)
```
#292ec6
```
#292ec6 rgb(41,46,198)
```
#2025cf
```
#2025cf rgb(32,37,207)
```
#171dd8
```
#171dd8 rgb(23,29,216)
```
#0e14e1
```
#0e14e1 rgb(14,20,225)
```
#050bea
```
#050bea rgb(5,11,234)
```

Tone Color Variation

Below, you can see how #4548aa 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

#525252 Achromatopsia 0.005% of the population
#4f5064 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059b0 Protanopia 1% of men
#005e9b Deuteranopia 1% of men
#27646b Tritanopia 0.001% of the population

Trichromacy

#1953ad Protanomaly 1% of men, 0.01% of women
#1956a0 Deuteranomaly 6% of men, 0.4% of women
#315a82 Tritanomaly 0.01% of the population

#4548aa hex color

#4548aa Color Information

#4548aa Color Conversion

Color Schemes with #4548aa

Alternatives to #4548aa

#4548aa Preview

Shades and Tints of #4548aa

Tones of #4548aa

Color Blindness Simulator