#545ffd hex color

In a RGB color space, hex #545ffd is composed of 32.9% red, 37.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 62.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 236.1 degrees, a saturation of 97.7% and a lightness of 66.1%. #545ffd color hex could be obtained by blending #a8beff with #0000fb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 37
- B 99
RGB color chart
- C 67
- M 62
- Y 0
- K 1
CMYK color chart

● #545ffd color description : Soft blue.

The hexadecimal color #545ffd has RGB values of R:84, G:95, B:253 and CMYK values of C:0.67, M:0.62, Y:0, K:0.01. Its decimal value is 5529597.

Hex triplet	545ffd	`#545ffd`
RGB Decimal	84, 95, 253	`rgb(84,95,253)`
RGB Percent	32.9, 37.3, 99.2	`rgb(32.9%,37.3%,99.2%)`
CMYK	67, 62, 0, 1
HSL	236.1°, 97.7, 66.1	`hsl(236.1,97.7%,66.1%)`
HSV (or HSB)	236.1°, 66.8, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.461, 44.526, -79.9
XYZ	25.474, 17.16, 94.893
xyY	0.185, 0.125, 17.16
CIE-LCH	48.461, 91.468, 299.13
CIE-LUV	48.461, -11.529, -123.618
Hunter-Lab	41.424, 37.279, -106.822
Binary	01010100, 01011111, 11111101

#545ffd
```
#545ffd rgb(84,95,253)
```
#fdf254
```
#fdf254 rgb(253,242,84)
```

Complementary Color

#54b4fd
```
#54b4fd rgb(84,180,253)
```
#545ffd
```
#545ffd rgb(84,95,253)
```
#9e54fd
```
#9e54fd rgb(158,84,253)
```

Analogous Color

#b4fd54
```
#b4fd54 rgb(180,253,84)
```
#545ffd
```
#545ffd rgb(84,95,253)
```
#fd9e54
```
#fd9e54 rgb(253,158,84)
```

Split Complementary Color

#5ffd54
```
#5ffd54 rgb(95,253,84)
```
#545ffd
```
#545ffd rgb(84,95,253)
```
#fd545f
```
#fd545f rgb(253,84,95)
```

Triadic Color

#54fdf2
```
#54fdf2 rgb(84,253,242)
```
#545ffd
```
#545ffd rgb(84,95,253)
```
#fd545f
```
#fd545f rgb(253,84,95)
```
#fdf254
```
#fdf254 rgb(253,242,84)
```

Tetradic Color

#0818fc
```
#0818fc rgb(8,24,252)
```
#2230fc
```
#2230fc rgb(34,48,252)
```
#3b47fd
```
#3b47fd rgb(59,71,253)
```
#545ffd
```
#545ffd rgb(84,95,253)
```
#6d77fd
```
#6d77fd rgb(109,119,253)
```
#868efe
```
#868efe rgb(134,142,254)
```
#a0a6fe
```
#a0a6fe rgb(160,166,254)
```

Monochromatic Color

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

#5489fd
```
#5489fd rgb(84,137,253)
```
#547bfd
```
#547bfd rgb(84,123,253)
```
#546dfd
```
#546dfd rgb(84,109,253)
```
#545ffd
```
#545ffd rgb(84,95,253)
```
#5754fd
```
#5754fd rgb(87,84,253)
```
#6554fd
```
#6554fd rgb(101,84,253)
```
#7354fd
```
#7354fd rgb(115,84,253)
```

Similar Colors

Text with hexadecimal color #545ffd

This text has a font color of #545ffd.

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

#545ffd background color

This paragraph has a background color of #545ffd.

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

#545ffd border color

This element has a border color of #545ffd.

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

CSS codes

.text {color:#545ffd;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#000217
```
#000217 rgb(0,2,23)
```
#00032a
```
#00032a rgb(0,3,42)
```
#01053e
```
#01053e rgb(1,5,62)
```
#010651
```
#010651 rgb(1,6,81)
```
#010864
```
#010864 rgb(1,8,100)
```
#010978
```
#010978 rgb(1,9,120)
```
#020b8b
```
#020b8b rgb(2,11,139)
```
#020c9f
```
#020c9f rgb(2,12,159)
```
#020eb2
```
#020eb2 rgb(2,14,178)
```
#020fc5
```
#020fc5 rgb(2,15,197)
```
#0310d9
```
#0310d9 rgb(3,16,217)
```
#0312ec
```
#0312ec rgb(3,18,236)
```

Shade Color Variation

#0616fc
```
#0616fc rgb(6,22,252)
```
#1a29fc
```
#1a29fc rgb(26,41,252)
```
#2d3bfd
```
#2d3bfd rgb(45,59,253)
```
#414dfd
```
#414dfd rgb(65,77,253)
```
#545ffd
```
#545ffd rgb(84,95,253)
```
#6771fd
```
#6771fd rgb(103,113,253)
```
#7b83fd
```
#7b83fd rgb(123,131,253)
```
#8e95fe
```
#8e95fe rgb(142,149,254)
```
#a2a8fe
```
#a2a8fe rgb(162,168,254)
```
#b5bafe
```
#b5bafe rgb(181,186,254)
```
#c8ccfe
```
#c8ccfe rgb(200,204,254)
```
#dcdeff
```
#dcdeff rgb(220,222,255)
```
#eff0ff
```
#eff0ff rgb(239,240,255)
```

Tint Color Variation

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

#a4a4ad
```
#a4a4ad rgb(164,164,173)
```
#9d9fb4
```
#9d9fb4 rgb(157,159,180)
```
#9799ba
```
#9799ba rgb(151,153,186)
```
#9093c1
```
#9093c1 rgb(144,147,193)
```
#898dc8
```
#898dc8 rgb(137,141,200)
```
#8388ce
```
#8388ce rgb(131,136,206)
```
#7c82d5
```
#7c82d5 rgb(124,130,213)
```
#757cdc
```
#757cdc rgb(117,124,220)
```
#6f76e2
```
#6f76e2 rgb(111,118,226)
```
#6870e9
```
#6870e9 rgb(104,112,233)
```
#616bf0
```
#616bf0 rgb(97,107,240)
```
#5b65f6
```
#5b65f6 rgb(91,101,246)
```
#545ffd
```
#545ffd rgb(84,95,253)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#696b8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#007dca Deuteranopia 1% of men
#00868e Tritanopia 0.001% of the population

Trichromacy

#1e6eef Protanomaly 1% of men, 0.01% of women
#1e72dc Deuteranomaly 6% of men, 0.4% of women
#1e78b6 Tritanomaly 0.01% of the population

#545ffd hex color

#545ffd Color Information

#545ffd Color Conversion

Color Schemes with #545ffd

Alternatives to #545ffd

#545ffd Preview

Shades and Tints of #545ffd

Tones of #545ffd

Color Blindness Simulator