#545ffa hex color

In a RGB color space, hex #545ffa is composed of 32.9% red, 37.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 62% magenta, 0% yellow and 2% black. It has a hue angle of 236 degrees, a saturation of 94.3% and a lightness of 65.5%. #545ffa color hex could be obtained by blending #a8beff with #0000f5. Closest websafe color is: #6666ff.

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

● #545ffa color description : Soft blue.

The hexadecimal color #545ffa has RGB values of R:84, G:95, B:250 and CMYK values of C:0.66, M:0.62, Y:0, K:0.02. Its decimal value is 5529594.

Hex triplet	545ffa	`#545ffa`
RGB Decimal	84, 95, 250	`rgb(84,95,250)`
RGB Percent	32.9, 37.3, 98	`rgb(32.9%,37.3%,98%)`
CMYK	66, 62, 0, 2
HSL	236°, 94.3, 65.5	`hsl(236,94.3%,65.5%)`
HSV (or HSB)	236°, 66.4, 98
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.222, 43.54, -78.62
XYZ	25, 16.97, 92.395
xyY	0.186, 0.126, 16.97
CIE-LCH	48.222, 89.871, 298.978
CIE-LUV	48.222, -11.422, -121.62
Hunter-Lab	41.195, 36.237, -104.145
Binary	01010100, 01011111, 11111010

#545ffa
```
#545ffa rgb(84,95,250)
```
#faef54
```
#faef54 rgb(250,239,84)
```

Complementary Color

#54b2fa
```
#54b2fa rgb(84,178,250)
```
#545ffa
```
#545ffa rgb(84,95,250)
```
#9c54fa
```
#9c54fa rgb(156,84,250)
```

Analogous Color

#b2fa54
```
#b2fa54 rgb(178,250,84)
```
#545ffa
```
#545ffa rgb(84,95,250)
```
#fa9c54
```
#fa9c54 rgb(250,156,84)
```

Split Complementary Color

#5ffa54
```
#5ffa54 rgb(95,250,84)
```
#545ffa
```
#545ffa rgb(84,95,250)
```
#fa545f
```
#fa545f rgb(250,84,95)
```

Triadic Color

#54faef
```
#54faef rgb(84,250,239)
```
#545ffa
```
#545ffa rgb(84,95,250)
```
#fa545f
```
#fa545f rgb(250,84,95)
```
#faef54
```
#faef54 rgb(250,239,84)
```

Tetradic Color

#0a19f8
```
#0a19f8 rgb(10,25,248)
```
#2231f9
```
#2231f9 rgb(34,49,249)
```
#3b48f9
```
#3b48f9 rgb(59,72,249)
```
#545ffa
```
#545ffa rgb(84,95,250)
```
#6d76fb
```
#6d76fb rgb(109,118,251)
```
#868dfb
```
#868dfb rgb(134,141,251)
```
#9ea5fc
```
#9ea5fc rgb(158,165,252)
```

Monochromatic Color

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

#5489fa
```
#5489fa rgb(84,137,250)
```
#547bfa
```
#547bfa rgb(84,123,250)
```
#546dfa
```
#546dfa rgb(84,109,250)
```
#545ffa
```
#545ffa rgb(84,95,250)
```
#5754fa
```
#5754fa rgb(87,84,250)
```
#6554fa
```
#6554fa rgb(101,84,250)
```
#7354fa
```
#7354fa rgb(115,84,250)
```

Similar Colors

Text with hexadecimal color #545ffa

This text has a font color of #545ffa.

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

#545ffa background color

This paragraph has a background color of #545ffa.

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

#545ffa border color

This element has a border color of #545ffa.

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

CSS codes

.text {color:#545ffa;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010214
```
#010214 rgb(1,2,20)
```
#010427
```
#010427 rgb(1,4,39)
```
#02053a
```
#02053a rgb(2,5,58)
```
#02074d
```
#02074d rgb(2,7,77)
```
#030960
```
#030960 rgb(3,9,96)
```
#030b73
```
#030b73 rgb(3,11,115)
```
#040d86
```
#040d86 rgb(4,13,134)
```
#040e99
```
#040e99 rgb(4,14,153)
```
#0510ac
```
#0510ac rgb(5,16,172)
```
#0612bf
```
#0612bf rgb(6,18,191)
```
#0614d2
```
#0614d2 rgb(6,20,210)
```
#0715e5
```
#0715e5 rgb(7,21,229)
```

Shade Color Variation

#0818f8
```
#0818f8 rgb(8,24,248)
```
#1b2af8
```
#1b2af8 rgb(27,42,248)
```
#2e3bf9
```
#2e3bf9 rgb(46,59,249)
```
#414df9
```
#414df9 rgb(65,77,249)
```
#545ffa
```
#545ffa rgb(84,95,250)
```
#6771fb
```
#6771fb rgb(103,113,251)
```
#7a83fb
```
#7a83fb rgb(122,131,251)
```
#8d94fc
```
#8d94fc rgb(141,148,252)
```
#a0a6fc
```
#a0a6fc rgb(160,166,252)
```
#b3b8fd
```
#b3b8fd rgb(179,184,253)
```
#c6cafd
```
#c6cafd rgb(198,202,253)
```
#d9dcfe
```
#d9dcfe rgb(217,220,254)
```
#eceefe
```
#eceefe rgb(236,238,254)
```

Tint Color Variation

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

#a5a5a9
```
#a5a5a9 rgb(165,165,169)
```
#9ea0b0
```
#9ea0b0 rgb(158,160,176)
```
#989ab6
```
#989ab6 rgb(152,154,182)
```
#9194bd
```
#9194bd rgb(145,148,189)
```
#8a8ec4
```
#8a8ec4 rgb(138,142,196)
```
#8388cb
```
#8388cb rgb(131,136,203)
```
#7d82d1
```
#7d82d1 rgb(125,130,209)
```
#767cd8
```
#767cd8 rgb(118,124,216)
```
#6f76df
```
#6f76df rgb(111,118,223)
```
#6871e6
```
#6871e6 rgb(104,113,230)
```
#626bec
```
#626bec rgb(98,107,236)
```
#5b65f3
```
#5b65f3 rgb(91,101,243)
```
#545ffa
```
#545ffa rgb(84,95,250)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#686a89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e6 Protanopia 1% of men
#007cc9 Deuteranopia 1% of men
#00858e Tritanopia 0.001% of the population

Trichromacy

#1e6ded Protanomaly 1% of men, 0.01% of women
#1e71db Deuteranomaly 6% of men, 0.4% of women
#1e77b5 Tritanomaly 0.01% of the population

#545ffa hex color

#545ffa Color Information

#545ffa Color Conversion

Color Schemes with #545ffa

Alternatives to #545ffa

#545ffa Preview

Shades and Tints of #545ffa

Tones of #545ffa

Color Blindness Simulator