#545cf9 hex color

In a RGB color space, hex #545cf9 is composed of 32.9% red, 36.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 63.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 237.1 degrees, a saturation of 93.2% and a lightness of 65.3%. #545cf9 color hex could be obtained by blending #a8b8ff with #0000f3. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 36
- B 98
RGB color chart
- C 66
- M 63
- Y 0
- K 2
CMYK color chart

● #545cf9 color description : Soft blue.

The hexadecimal color #545cf9 has RGB values of R:84, G:92, B:249 and CMYK values of C:0.66, M:0.63, Y:0, K:0.02. Its decimal value is 5528825.

Hex triplet	545cf9	`#545cf9`
RGB Decimal	84, 92, 249	`rgb(84,92,249)`
RGB Percent	32.9, 36.1, 97.6	`rgb(32.9%,36.1%,97.6%)`
CMYK	66, 63, 0, 2
HSL	237.1°, 93.2, 65.3	`hsl(237.1,93.2%,65.3%)`
HSV (or HSB)	237.1°, 66.3, 97.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.466, 44.991, -79.299
XYZ	24.579, 16.377, 91.483
xyY	0.186, 0.124, 16.377
CIE-LCH	47.466, 91.173, 299.569
CIE-LUV	47.466, -10.701, -122.01
Hunter-Lab	40.469, 37.591, -105.701
Binary	01010100, 01011100, 11111001

#545cf9
```
#545cf9 rgb(84,92,249)
```
#f9f154
```
#f9f154 rgb(249,241,84)
```

Complementary Color

#54aff9
```
#54aff9 rgb(84,175,249)
```
#545cf9
```
#545cf9 rgb(84,92,249)
```
#9f54f9
```
#9f54f9 rgb(159,84,249)
```

Analogous Color

#aff954
```
#aff954 rgb(175,249,84)
```
#545cf9
```
#545cf9 rgb(84,92,249)
```
#f99f54
```
#f99f54 rgb(249,159,84)
```

Split Complementary Color

#5cf954
```
#5cf954 rgb(92,249,84)
```
#545cf9
```
#545cf9 rgb(84,92,249)
```
#f9545c
```
#f9545c rgb(249,84,92)
```

Triadic Color

#54f9f1
```
#54f9f1 rgb(84,249,241)
```
#545cf9
```
#545cf9 rgb(84,92,249)
```
#f9545c
```
#f9545c rgb(249,84,92)
```
#f9f154
```
#f9f154 rgb(249,241,84)
```

Tetradic Color

#0a16f6
```
#0a16f6 rgb(10,22,246)
```
#232df7
```
#232df7 rgb(35,45,247)
```
#3b45f8
```
#3b45f8 rgb(59,69,248)
```
#545cf9
```
#545cf9 rgb(84,92,249)
```
#6d73fa
```
#6d73fa rgb(109,115,250)
```
#858bfb
```
#858bfb rgb(133,139,251)
```
#9ea2fc
```
#9ea2fc rgb(158,162,252)
```

Monochromatic Color

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

#5485f9
```
#5485f9 rgb(84,133,249)
```
#5478f9
```
#5478f9 rgb(84,120,249)
```
#546af9
```
#546af9 rgb(84,106,249)
```
#545cf9
```
#545cf9 rgb(84,92,249)
```
#5a54f9
```
#5a54f9 rgb(90,84,249)
```
#6854f9
```
#6854f9 rgb(104,84,249)
```
#7554f9
```
#7554f9 rgb(117,84,249)
```

Similar Colors

Text with hexadecimal color #545cf9

This text has a font color of #545cf9.

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

#545cf9 background color

This paragraph has a background color of #545cf9.

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

#545cf9 border color

This element has a border color of #545cf9.

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

CSS codes

.text {color:#545cf9;}

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

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

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

#010213
```
#010213 rgb(1,2,19)
```
#010325
```
#010325 rgb(1,3,37)
```
#020538
```
#020538 rgb(2,5,56)
```
#03064b
```
#03064b rgb(3,6,75)
```
#03085e
```
#03085e rgb(3,8,94)
```
#040971
```
#040971 rgb(4,9,113)
```
#050b84
```
#050b84 rgb(5,11,132)
```
#050c97
```
#050c97 rgb(5,12,151)
```
#060eaa
```
#060eaa rgb(6,14,170)
```
#070fbd
```
#070fbd rgb(7,15,189)
```
#0711d0
```
#0711d0 rgb(7,17,208)
```
#0813e3
```
#0813e3 rgb(8,19,227)
```
#0914f6
```
#0914f6 rgb(9,20,246)
```

Shade Color Variation

#1b26f7
```
#1b26f7 rgb(27,38,247)
```
#2e38f8
```
#2e38f8 rgb(46,56,248)
```
#414af8
```
#414af8 rgb(65,74,248)
```
#545cf9
```
#545cf9 rgb(84,92,249)
```
#676efa
```
#676efa rgb(103,110,250)
```
#7a80fa
```
#7a80fa rgb(122,128,250)
```
#8d92fb
```
#8d92fb rgb(141,146,251)
```
#a0a4fc
```
#a0a4fc rgb(160,164,252)
```
#b3b6fc
```
#b3b6fc rgb(179,182,252)
```
#c6c8fd
```
#c6c8fd rgb(198,200,253)
```
#d9dafe
```
#d9dafe rgb(217,218,254)
```
#ecedfe
```
#ecedfe rgb(236,237,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a6a6a7
```
#a6a6a7 rgb(166,166,167)
```
#9fa0ae
```
#9fa0ae rgb(159,160,174)
```
#9899b5
```
#9899b5 rgb(152,153,181)
```
#9193bc
```
#9193bc rgb(145,147,188)
```
#8a8dc3
```
#8a8dc3 rgb(138,141,195)
```
#8487c9
```
#8487c9 rgb(132,135,201)
```
#7d81d0
```
#7d81d0 rgb(125,129,208)
```
#767bd7
```
#767bd7 rgb(118,123,215)
```
#6f75de
```
#6f75de rgb(111,117,222)
```
#686ee5
```
#686ee5 rgb(104,110,229)
```
#6268eb
```
#6268eb rgb(98,104,235)
```
#5b62f2
```
#5b62f2 rgb(91,98,242)
```
#545cf9
```
#545cf9 rgb(84,92,249)
```

Tone Color Variation

Below, you can see how #545cf9 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
#676988 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1e6beb Protanomaly 1% of men, 0.01% of women
#1e6fd8 Deuteranomaly 6% of men, 0.4% of women
#1e75b3 Tritanomaly 0.01% of the population

#545cf9 hex color

#545cf9 Color Information

#545cf9 Color Conversion

Color Schemes with #545cf9

Alternatives to #545cf9

#545cf9 Preview

Shades and Tints of #545cf9

Tones of #545cf9

Color Blindness Simulator