colorhexa.com

#4548e6 hex color

In a RGB color space, hex #4548e6 is composed of 27.1% red, 28.2% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 68.7% magenta, 0% yellow and 9.8% black. It has a hue angle of 238.9 degrees, a saturation of 76.3% and a lightness of 58.6%. #4548e6 color hex could be obtained by blending #8a90ff with #0000cd. Closest websafe color is: #3333ff.

- R 27
- G 28
- B 90
RGB color chart
- C 70
- M 69
- Y 0
- K 10
CMYK color chart

● #4548e6 color description : Bright blue.

The hexadecimal color #4548e6 has RGB values of R:69, G:72, B:230 and CMYK values of C:0.7, M:0.69, Y:0, K:0.1. Its decimal value is 4540646.

Hex triplet	4548e6	`#4548e6`
RGB Decimal	69, 72, 230	`rgb(69,72,230)`
RGB Percent	27.1, 28.2, 90.2	`rgb(27.1%,28.2%,90.2%)`
CMYK	70, 69, 0, 10
HSL	238.9°, 76.3, 58.6	`hsl(238.9,76.3%,58.6%)`
HSV (or HSB)	238.9°, 70, 90.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.593, 48.684, -79.912
XYZ	19.052, 11.612, 76.096
xyY	0.178, 0.109, 11.612
CIE-LCH	40.593, 93.574, 301.351
CIE-LUV	40.593, -8.997, -116.309
Hunter-Lab	34.076, 40.163, -108.547
Binary	01000101, 01001000, 11100110

#4548e6
```
#4548e6 rgb(69,72,230)
```
#e6e345
```
#e6e345 rgb(230,227,69)
```

Complementary Color

#4599e6
```
#4599e6 rgb(69,153,230)
```
#4548e6
```
#4548e6 rgb(69,72,230)
```
#9345e6
```
#9345e6 rgb(147,69,230)
```

Analogous Color

#99e645
```
#99e645 rgb(153,230,69)
```
#4548e6
```
#4548e6 rgb(69,72,230)
```
#e69345
```
#e69345 rgb(230,147,69)
```

Split Complementary Color

#48e645
```
#48e645 rgb(72,230,69)
```
#4548e6
```
#4548e6 rgb(69,72,230)
```
#e64548
```
#e64548 rgb(230,69,72)
```

Triadic Color

#45e6e3
```
#45e6e3 rgb(69,230,227)
```
#4548e6
```
#4548e6 rgb(69,72,230)
```
#e64548
```
#e64548 rgb(230,69,72)
```
#e6e345
```
#e6e345 rgb(230,227,69)
```

Tetradic Color

#1a1ec4
```
#1a1ec4 rgb(26,30,196)
```
#1d21db
```
#1d21db rgb(29,33,219)
```
#2f32e3
```
#2f32e3 rgb(47,50,227)
```
#4548e6
```
#4548e6 rgb(69,72,230)
```
#5b5ee9
```
#5b5ee9 rgb(91,94,233)
```
#7274ec
```
#7274ec rgb(114,116,236)
```
#888aef
```
#888aef rgb(136,138,239)
```

Monochromatic Color

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

#4570e6
```
#4570e6 rgb(69,112,230)
```
#4563e6
```
#4563e6 rgb(69,99,230)
```
#4555e6
```
#4555e6 rgb(69,85,230)
```
#4548e6
```
#4548e6 rgb(69,72,230)
```
#4f45e6
```
#4f45e6 rgb(79,69,230)
```
#5d45e6
```
#5d45e6 rgb(93,69,230)
```
#6a45e6
```
#6a45e6 rgb(106,69,230)
```

Similar Colors

Text with hexadecimal color #4548e6

This text has a font color of #4548e6.

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

#4548e6 background color

This paragraph has a background color of #4548e6.

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

#4548e6 border color

This element has a border color of #4548e6.

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

CSS codes

.text {color:#4548e6;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#030315
```
#030315 rgb(3,3,21)
```
#050627
```
#050627 rgb(5,6,39)
```
#080838
```
#080838 rgb(8,8,56)
```
#0a0b49
```
#0a0b49 rgb(10,11,73)
```
#0c0e5b
```
#0c0e5b rgb(12,14,91)
```
#0f106c
```
#0f106c rgb(15,16,108)
```
#11137d
```
#11137d rgb(17,19,125)
```
#13158f
```
#13158f rgb(19,21,143)
```
#1518a0
```
#1518a0 rgb(21,24,160)
```
#181bb1
```
#181bb1 rgb(24,27,177)
```
#1a1dc2
```
#1a1dc2 rgb(26,29,194)
```
#1c20d4
```
#1c20d4 rgb(28,32,212)
```

Shade Color Variation

#2226e1
```
#2226e1 rgb(34,38,225)
```
#3437e4
```
#3437e4 rgb(52,55,228)
```
#4548e6
```
#4548e6 rgb(69,72,230)
```
#5659e8
```
#5659e8 rgb(86,89,232)
```
#686aeb
```
#686aeb rgb(104,106,235)
```
#797bed
```
#797bed rgb(121,123,237)
```
#8a8cef
```
#8a8cef rgb(138,140,239)
```
#9b9df2
```
#9b9df2 rgb(155,157,242)
```
#adaef4
```
#adaef4 rgb(173,174,244)
```
#bebff6
```
#bebff6 rgb(190,191,246)
```
#cfd0f9
```
#cfd0f9 rgb(207,208,249)
```
#e1e1fb
```
#e1e1fb rgb(225,225,251)
```
#f2f2fd
```
#f2f2fd rgb(242,242,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8e9d is the less saturated color, while #2d31fe is the most saturated one.

#8e8e9d
```
#8e8e9d rgb(142,142,157)
```
#8687a5
```
#8687a5 rgb(134,135,165)
```
#7e7fad
```
#7e7fad rgb(126,127,173)
```
#7677b5
```
#7677b5 rgb(118,119,181)
```
#6e6fbd
```
#6e6fbd rgb(110,111,189)
```
#6567c6
```
#6567c6 rgb(101,103,198)
```
#5d5fce
```
#5d5fce rgb(93,95,206)
```
#5558d6
```
#5558d6 rgb(85,88,214)
```
#4d50de
```
#4d50de rgb(77,80,222)
```
#4548e6
```
#4548e6 rgb(69,72,230)
```
#3d40ee
```
#3d40ee rgb(61,64,238)
```
#3538f6
```
#3538f6 rgb(53,56,246)
```
#2d31fe
```
#2d31fe rgb(45,49,254)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#555675 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#006aaa Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#195ad0 Protanomaly 1% of men, 0.01% of women
#195ec0 Deuteranomaly 6% of men, 0.4% of women
#1962a0 Tritanomaly 0.01% of the population