#4540f5 hex color

In a RGB color space, hex #4540f5 is composed of 27.1% red, 25.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 73.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 241.7 degrees, a saturation of 90% and a lightness of 60.6%. #4540f5 color hex could be obtained by blending #8a80ff with #0000eb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 27
- G 25
- B 96
RGB color chart
- C 72
- M 74
- Y 0
- K 4
CMYK color chart

● #4540f5 color description : Bright blue.

The hexadecimal color #4540f5 has RGB values of R:69, G:64, B:245 and CMYK values of C:0.72, M:0.74, Y:0, K:0.04. Its decimal value is 4538613.

Hex triplet	4540f5	`#4540f5`
RGB Decimal	69, 64, 245	`rgb(69,64,245)`
RGB Percent	27.1, 25.1, 96.1	`rgb(27.1%,25.1%,96.1%)`
CMYK	72, 74, 0, 4
HSL	241.7°, 90, 60.6	`hsl(241.7,90%,60.6%)`
HSV (or HSB)	241.7°, 73.9, 96.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.448, 57.832, -88.626
XYZ	20.766, 11.523, 87.511
xyY	0.173, 0.096, 11.523
CIE-LCH	40.448, 105.826, 303.126
CIE-LUV	40.448, -8.278, -126.712
Hunter-Lab	33.946, 49.788, -129.084
Binary	01000101, 01000000, 11110101

#4540f5
```
#4540f5 rgb(69,64,245)
```
#f0f540
```
#f0f540 rgb(240,245,64)
```

Complementary Color

#4096f5
```
#4096f5 rgb(64,150,245)
```
#4540f5
```
#4540f5 rgb(69,64,245)
```
#a040f5
```
#a040f5 rgb(160,64,245)
```

Analogous Color

#96f540
```
#96f540 rgb(150,245,64)
```
#4540f5
```
#4540f5 rgb(69,64,245)
```
#f5a040
```
#f5a040 rgb(245,160,64)
```

Split Complementary Color

#40f545
```
#40f545 rgb(64,245,69)
```
#4540f5
```
#4540f5 rgb(69,64,245)
```
#f54540
```
#f54540 rgb(245,69,64)
```

Triadic Color

#40f0f5
```
#40f0f5 rgb(64,240,245)
```
#4540f5
```
#4540f5 rgb(69,64,245)
```
#f54540
```
#f54540 rgb(245,69,64)
```
#f0f540
```
#f0f540 rgb(240,245,64)
```

Tetradic Color

#110cdd
```
#110cdd rgb(17,12,221)
```
#1610f2
```
#1610f2 rgb(22,16,242)
```
#2d28f4
```
#2d28f4 rgb(45,40,244)
```
#4540f5
```
#4540f5 rgb(69,64,245)
```
#5d58f6
```
#5d58f6 rgb(93,88,246)
```
#7470f8
```
#7470f8 rgb(116,112,248)
```
#8c89f9
```
#8c89f9 rgb(140,137,249)
```

Monochromatic Color

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

#4068f5
```
#4068f5 rgb(64,104,245)
```
#4059f5
```
#4059f5 rgb(64,89,245)
```
#404af5
```
#404af5 rgb(64,74,245)
```
#4540f5
```
#4540f5 rgb(69,64,245)
```
#5440f5
```
#5440f5 rgb(84,64,245)
```
#6340f5
```
#6340f5 rgb(99,64,245)
```
#7240f5
```
#7240f5 rgb(114,64,245)
```

Similar Colors

Text with hexadecimal color #4540f5

This text has a font color of #4540f5.

<span style="color:#4540f5;">Text here</span>

#4540f5 background color

This paragraph has a background color of #4540f5.

<p style="background-color:#4540f5;">Content here</p>

#4540f5 border color

This element has a border color of #4540f5.

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

CSS codes

.text {color:#4540f5;}

.background {background-color:#4540f5;}

.border {border:1px solid #4540f5;}

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, #01010e is the darkest color, while #fbfaff is the lightest one.

#01010e
```
#01010e rgb(1,1,14)
```
#030221
```
#030221 rgb(3,2,33)
```
#040333
```
#040333 rgb(4,3,51)
```
#050446
```
#050446 rgb(5,4,70)
```
#070559
```
#070559 rgb(7,5,89)
```
#08066b
```
#08066b rgb(8,6,107)
```
#0a077e
```
#0a077e rgb(10,7,126)
```
#0b0891
```
#0b0891 rgb(11,8,145)
```
#0d09a3
```
#0d09a3 rgb(13,9,163)
```
#0e0ab6
```
#0e0ab6 rgb(14,10,182)
```
#100ac8
```
#100ac8 rgb(16,10,200)
```
#110bdb
```
#110bdb rgb(17,11,219)
```
#130cee
```
#130cee rgb(19,12,238)
```

Shade Color Variation

#211bf3
```
#211bf3 rgb(33,27,243)
```
#332df4
```
#332df4 rgb(51,45,244)
```
#4540f5
```
#4540f5 rgb(69,64,245)
```
#5753f6
```
#5753f6 rgb(87,83,246)
```
#6965f7
```
#6965f7 rgb(105,101,247)
```
#7b78f8
```
#7b78f8 rgb(123,120,248)
```
#8e8bf9
```
#8e8bf9 rgb(142,139,249)
```
#a09dfa
```
#a09dfa rgb(160,157,250)
```
#b2b0fb
```
#b2b0fb rgb(178,176,251)
```
#c4c2fc
```
#c4c2fc rgb(196,194,252)
```
#d6d5fd
```
#d6d5fd rgb(214,213,253)
```
#e8e8fe
```
#e8e8fe rgb(232,232,254)
```
#fbfaff
```
#fbfaff rgb(251,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9595a0 is the less saturated color, while #3e38fd is the most saturated one.

#9595a0
```
#9595a0 rgb(149,149,160)
```
#8e8da8
```
#8e8da8 rgb(142,141,168)
```
#8786af
```
#8786af rgb(135,134,175)
```
#7f7eb7
```
#7f7eb7 rgb(127,126,183)
```
#7876bf
```
#7876bf rgb(120,118,191)
```
#716ec7
```
#716ec7 rgb(113,110,199)
```
#6a67ce
```
#6a67ce rgb(106,103,206)
```
#625fd6
```
#625fd6 rgb(98,95,214)
```
#5b57de
```
#5b57de rgb(91,87,222)
```
#544fe6
```
#544fe6 rgb(84,79,230)
```
#4c48ed
```
#4c48ed rgb(76,72,237)
```
#4540f5
```
#4540f5 rgb(69,64,245)
```
#3e38fd
```
#3e38fd rgb(62,56,253)
```

Tone Color Variation

Below, you can see how #4540f5 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

#565656 Achromatopsia 0.005% of the population
#535276 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#1957d5 Protanomaly 1% of men, 0.01% of women
#195bc5 Deuteranomaly 6% of men, 0.4% of women
#195fa5 Tritanomaly 0.01% of the population

#4540f5 hex color

#4540f5 Color Information

#4540f5 Color Conversion

Color Schemes with #4540f5

Alternatives to #4540f5

#4540f5 Preview

Shades and Tints of #4540f5

Tones of #4540f5

Color Blindness Simulator