#4540f4 hex color

In a RGB color space, hex #4540f4 is composed of 27.1% red, 25.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 73.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 241.7 degrees, a saturation of 89.1% and a lightness of 60.4%. #4540f4 color hex could be obtained by blending #8a80ff with #0000e9. 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

● #4540f4 color description : Bright blue.

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

Hex triplet	4540f4	`#4540f4`
RGB Decimal	69, 64, 244	`rgb(69,64,244)`
RGB Percent	27.1, 25.1, 95.7	`rgb(27.1%,25.1%,95.7%)`
CMYK	72, 74, 0, 4
HSL	241.7°, 89.1, 60.4	`hsl(241.7,89.1%,60.4%)`
HSV (or HSB)	241.7°, 73.8, 95.7
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.349, 57.523, -88.228
XYZ	20.614, 11.462, 86.709
xyY	0.174, 0.096, 11.462
CIE-LCH	40.349, 105.324, 303.104
CIE-LUV	40.349, -8.231, -126.12
Hunter-Lab	33.856, 49.432, -128.148
Binary	01000101, 01000000, 11110100

#4540f4
```
#4540f4 rgb(69,64,244)
```
#eff440
```
#eff440 rgb(239,244,64)
```

Complementary Color

#4095f4
```
#4095f4 rgb(64,149,244)
```
#4540f4
```
#4540f4 rgb(69,64,244)
```
#9f40f4
```
#9f40f4 rgb(159,64,244)
```

Analogous Color

#95f440
```
#95f440 rgb(149,244,64)
```
#4540f4
```
#4540f4 rgb(69,64,244)
```
#f49f40
```
#f49f40 rgb(244,159,64)
```

Split Complementary Color

#40f445
```
#40f445 rgb(64,244,69)
```
#4540f4
```
#4540f4 rgb(69,64,244)
```
#f44540
```
#f44540 rgb(244,69,64)
```

Triadic Color

#40eff4
```
#40eff4 rgb(64,239,244)
```
#4540f4
```
#4540f4 rgb(69,64,244)
```
#f44540
```
#f44540 rgb(244,69,64)
```
#eff440
```
#eff440 rgb(239,244,64)
```

Tetradic Color

#120ddb
```
#120ddb rgb(18,13,219)
```
#1610f1
```
#1610f1 rgb(22,16,241)
```
#2e28f3
```
#2e28f3 rgb(46,40,243)
```
#4540f4
```
#4540f4 rgb(69,64,244)
```
#5c58f5
```
#5c58f5 rgb(92,88,245)
```
#7470f7
```
#7470f7 rgb(116,112,247)
```
#8b88f8
```
#8b88f8 rgb(139,136,248)
```

Monochromatic Color

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

#4068f4
```
#4068f4 rgb(64,104,244)
```
#4059f4
```
#4059f4 rgb(64,89,244)
```
#404af4
```
#404af4 rgb(64,74,244)
```
#4540f4
```
#4540f4 rgb(69,64,244)
```
#5440f4
```
#5440f4 rgb(84,64,244)
```
#6340f4
```
#6340f4 rgb(99,64,244)
```
#7240f4
```
#7240f4 rgb(114,64,244)
```

Similar Colors

Text with hexadecimal color #4540f4

This text has a font color of #4540f4.

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

#4540f4 background color

This paragraph has a background color of #4540f4.

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

#4540f4 border color

This element has a border color of #4540f4.

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

CSS codes

.text {color:#4540f4;}

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

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

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

#01010d
```
#01010d rgb(1,1,13)
```
#030220
```
#030220 rgb(3,2,32)
```
#040332
```
#040332 rgb(4,3,50)
```
#060445
```
#060445 rgb(6,4,69)
```
#070557
```
#070557 rgb(7,5,87)
```
#09066a
```
#09066a rgb(9,6,106)
```
#0a077c
```
#0a077c rgb(10,7,124)
```
#0c088f
```
#0c088f rgb(12,8,143)
```
#0e09a1
```
#0e09a1 rgb(14,9,161)
```
#0f0ab4
```
#0f0ab4 rgb(15,10,180)
```
#110bc6
```
#110bc6 rgb(17,11,198)
```
#120cd9
```
#120cd9 rgb(18,12,217)
```
#140eec
```
#140eec rgb(20,14,236)
```

Shade Color Variation

#211bf2
```
#211bf2 rgb(33,27,242)
```
#332df3
```
#332df3 rgb(51,45,243)
```
#4540f4
```
#4540f4 rgb(69,64,244)
```
#5753f5
```
#5753f5 rgb(87,83,245)
```
#6965f6
```
#6965f6 rgb(105,101,246)
```
#7b78f7
```
#7b78f7 rgb(123,120,247)
```
#8d8af8
```
#8d8af8 rgb(141,138,248)
```
#9f9df9
```
#9f9df9 rgb(159,157,249)
```
#b1affa
```
#b1affa rgb(177,175,250)
```
#c3c2fb
```
#c3c2fb rgb(195,194,251)
```
#d5d4fd
```
#d5d4fd rgb(213,212,253)
```
#e8e7fe
```
#e8e7fe rgb(232,231,254)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

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

#96959f
```
#96959f rgb(150,149,159)
```
#8e8ea6
```
#8e8ea6 rgb(142,142,166)
```
#8786ae
```
#8786ae rgb(135,134,174)
```
#807eb6
```
#807eb6 rgb(128,126,182)
```
#7876be
```
#7876be rgb(120,118,190)
```
#716fc5
```
#716fc5 rgb(113,111,197)
```
#6a67cd
```
#6a67cd rgb(106,103,205)
```
#625fd5
```
#625fd5 rgb(98,95,213)
```
#5b57dd
```
#5b57dd rgb(91,87,221)
```
#5450e4
```
#5450e4 rgb(84,80,228)
```
#4c48ec
```
#4c48ec rgb(76,72,236)
```
#4540f4
```
#4540f4 rgb(69,64,244)
```
#3e38fc
```
#3e38fc rgb(62,56,252)
```

Tone Color Variation

Below, you can see how #4540f4 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
#195ac4 Deuteranomaly 6% of men, 0.4% of women
#195fa4 Tritanomaly 0.01% of the population

#4540f4 hex color

#4540f4 Color Information

#4540f4 Color Conversion

Color Schemes with #4540f4

Alternatives to #4540f4

#4540f4 Preview

Shades and Tints of #4540f4

Tones of #4540f4

Color Blindness Simulator