#545ef4 hex color

In a RGB color space, hex #545ef4 is composed of 32.9% red, 36.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 61.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 236.3 degrees, a saturation of 87.9% and a lightness of 64.3%. #545ef4 color hex could be obtained by blending #a8bcff with #0000e9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 37
- B 96
RGB color chart
- C 66
- M 61
- Y 0
- K 4
CMYK color chart

● #545ef4 color description : Soft blue.

The hexadecimal color #545ef4 has RGB values of R:84, G:94, B:244 and CMYK values of C:0.66, M:0.61, Y:0, K:0.04. Its decimal value is 5529332.

Hex triplet	545ef4	`#545ef4`
RGB Decimal	84, 94, 244	`rgb(84,94,244)`
RGB Percent	32.9, 36.9, 95.7	`rgb(32.9%,36.9%,95.7%)`
CMYK	66, 61, 0, 4
HSL	236.3°, 87.9, 64.3	`hsl(236.3,87.9%,64.3%)`
HSV (or HSB)	236.3°, 65.6, 95.7
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.522, 42.163, -76.415
XYZ	23.985, 16.421, 87.489
xyY	0.188, 0.128, 16.421
CIE-LCH	47.522, 87.275, 298.888
CIE-LUV	47.522, -10.972, -117.959
Hunter-Lab	40.522, 34.738, -99.643
Binary	01010100, 01011110, 11110100

#545ef4
```
#545ef4 rgb(84,94,244)
```
#f4ea54
```
#f4ea54 rgb(244,234,84)
```

Complementary Color

#54aef4
```
#54aef4 rgb(84,174,244)
```
#545ef4
```
#545ef4 rgb(84,94,244)
```
#9a54f4
```
#9a54f4 rgb(154,84,244)
```

Analogous Color

#aef454
```
#aef454 rgb(174,244,84)
```
#545ef4
```
#545ef4 rgb(84,94,244)
```
#f49a54
```
#f49a54 rgb(244,154,84)
```

Split Complementary Color

#5ef454
```
#5ef454 rgb(94,244,84)
```
#545ef4
```
#545ef4 rgb(84,94,244)
```
#f4545e
```
#f4545e rgb(244,84,94)
```

Triadic Color

#54f4ea
```
#54f4ea rgb(84,244,234)
```
#545ef4
```
#545ef4 rgb(84,94,244)
```
#f4545e
```
#f4545e rgb(244,84,94)
```
#f4ea54
```
#f4ea54 rgb(244,234,84)
```

Tetradic Color

#0f1dec
```
#0f1dec rgb(15,29,236)
```
#2431f1
```
#2431f1 rgb(36,49,241)
```
#3c47f2
```
#3c47f2 rgb(60,71,242)
```
#545ef4
```
#545ef4 rgb(84,94,244)
```
#6c75f6
```
#6c75f6 rgb(108,117,246)
```
#848bf7
```
#848bf7 rgb(132,139,247)
```
#9ca2f9
```
#9ca2f9 rgb(156,162,249)
```

Monochromatic Color

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

#5486f4
```
#5486f4 rgb(84,134,244)
```
#5479f4
```
#5479f4 rgb(84,121,244)
```
#546bf4
```
#546bf4 rgb(84,107,244)
```
#545ef4
```
#545ef4 rgb(84,94,244)
```
#5754f4
```
#5754f4 rgb(87,84,244)
```
#6554f4
```
#6554f4 rgb(101,84,244)
```
#7254f4
```
#7254f4 rgb(114,84,244)
```

Similar Colors

Text with hexadecimal color #545ef4

This text has a font color of #545ef4.

<span style="color:#545ef4;">Text here</span>

#545ef4 background color

This paragraph has a background color of #545ef4.

<p style="background-color:#545ef4;">Content here</p>

#545ef4 border color

This element has a border color of #545ef4.

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

CSS codes

.text {color:#545ef4;}

.background {background-color:#545ef4;}

.border {border:1px solid #545ef4;}

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

#01020d
```
#01020d rgb(1,2,13)
```
#020420
```
#020420 rgb(2,4,32)
```
#030632
```
#030632 rgb(3,6,50)
```
#040845
```
#040845 rgb(4,8,69)
```
#060b57
```
#060b57 rgb(6,11,87)
```
#070d69
```
#070d69 rgb(7,13,105)
```
#080f7c
```
#080f7c rgb(8,15,124)
```
#09118e
```
#09118e rgb(9,17,142)
```
#0a14a1
```
#0a14a1 rgb(10,20,161)
```
#0c16b3
```
#0c16b3 rgb(12,22,179)
```
#0d18c6
```
#0d18c6 rgb(13,24,198)
```
#0e1bd8
```
#0e1bd8 rgb(14,27,216)
```
#0f1dea
```
#0f1dea rgb(15,29,234)
```

Shade Color Variation

#1d2af0
```
#1d2af0 rgb(29,42,240)
```
#2f3bf2
```
#2f3bf2 rgb(47,59,242)
```
#424df3
```
#424df3 rgb(66,77,243)
```
#545ef4
```
#545ef4 rgb(84,94,244)
```
#666ff5
```
#666ff5 rgb(102,111,245)
```
#7981f6
```
#7981f6 rgb(121,129,246)
```
#8b92f8
```
#8b92f8 rgb(139,146,248)
```
#9ea3f9
```
#9ea3f9 rgb(158,163,249)
```
#b0b5fa
```
#b0b5fa rgb(176,181,250)
```
#c3c6fb
```
#c3c6fb rgb(195,198,251)
```
#d5d7fc
```
#d5d7fc rgb(213,215,252)
```
#e7e9fd
```
#e7e9fd rgb(231,233,253)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a1a1a7 is the less saturated color, while #4d58fb is the most saturated one.

#a1a1a7
```
#a1a1a7 rgb(161,161,167)
```
#9a9bae
```
#9a9bae rgb(154,155,174)
```
#9395b5
```
#9395b5 rgb(147,149,181)
```
#8c8fbc
```
#8c8fbc rgb(140,143,188)
```
#8589c3
```
#8589c3 rgb(133,137,195)
```
#7e83ca
```
#7e83ca rgb(126,131,202)
```
#777dd1
```
#777dd1 rgb(119,125,209)
```
#7077d8
```
#7077d8 rgb(112,119,216)
```
#6970df
```
#6970df rgb(105,112,223)
```
#626ae6
```
#626ae6 rgb(98,106,230)
```
#5b64ed
```
#5b64ed rgb(91,100,237)
```
#545ef4
```
#545ef4 rgb(84,94,244)
```
#4d58fb
```
#4d58fb rgb(77,88,251)
```

Tone Color Variation

Below, you can see how #545ef4 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

#6c6c6c Achromatopsia 0.005% of the population
#676987 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#007bc7 Deuteranopia 1% of men
#00838c Tritanopia 0.001% of the population

Trichromacy

#1e6ce9 Protanomaly 1% of men, 0.01% of women
#1e70d7 Deuteranomaly 6% of men, 0.4% of women
#1e76b2 Tritanomaly 0.01% of the population

#545ef4 hex color

#545ef4 Color Information

#545ef4 Color Conversion

Color Schemes with #545ef4

Alternatives to #545ef4

#545ef4 Preview

Shades and Tints of #545ef4

Tones of #545ef4

Color Blindness Simulator