#545dfc hex color

In a RGB color space, hex #545dfc is composed of 32.9% red, 36.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 63.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 236.8 degrees, a saturation of 96.6% and a lightness of 65.9%. #545dfc color hex could be obtained by blending #a8baff with #0000f9. Closest websafe color is: #6666ff.

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

● #545dfc color description : Soft blue.

The hexadecimal color #545dfc has RGB values of R:84, G:93, B:252 and CMYK values of C:0.67, M:0.63, Y:0, K:0.01. Its decimal value is 5529084.

Hex triplet	545dfc	`#545dfc`
RGB Decimal	84, 93, 252	`rgb(84,93,252)`
RGB Percent	32.9, 36.5, 98.8	`rgb(32.9%,36.5%,98.8%)`
CMYK	67, 63, 0, 1
HSL	236.8°, 96.6, 65.9	`hsl(236.8,96.6%,65.9%)`
HSV (or HSB)	236.8°, 66.7, 98.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.931, 45.38, -80.209
XYZ	25.138, 16.74, 93.997
xyY	0.185, 0.123, 16.74
CIE-LCH	47.931, 92.157, 299.5
CIE-LUV	47.931, -11.04, -123.651
Hunter-Lab	40.915, 38.067, -107.57
Binary	01010100, 01011101, 11111100

#545dfc
```
#545dfc rgb(84,93,252)
```
#fcf354
```
#fcf354 rgb(252,243,84)
```

Complementary Color

#54b1fc
```
#54b1fc rgb(84,177,252)
```
#545dfc
```
#545dfc rgb(84,93,252)
```
#9f54fc
```
#9f54fc rgb(159,84,252)
```

Analogous Color

#b1fc54
```
#b1fc54 rgb(177,252,84)
```
#545dfc
```
#545dfc rgb(84,93,252)
```
#fc9f54
```
#fc9f54 rgb(252,159,84)
```

Split Complementary Color

#5dfc54
```
#5dfc54 rgb(93,252,84)
```
#545dfc
```
#545dfc rgb(84,93,252)
```
#fc545d
```
#fc545d rgb(252,84,93)
```

Triadic Color

#54fcf3
```
#54fcf3 rgb(84,252,243)
```
#545dfc
```
#545dfc rgb(84,93,252)
```
#fc545d
```
#fc545d rgb(252,84,93)
```
#fcf354
```
#fcf354 rgb(252,243,84)
```

Tetradic Color

#0916fb
```
#0916fb rgb(9,22,251)
```
#222efb
```
#222efb rgb(34,46,251)
```
#3b45fc
```
#3b45fc rgb(59,69,252)
```
#545dfc
```
#545dfc rgb(84,93,252)
```
#6d75fc
```
#6d75fc rgb(109,117,252)
```
#868cfd
```
#868cfd rgb(134,140,253)
```
#9fa4fd
```
#9fa4fd rgb(159,164,253)
```

Monochromatic Color

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

#5487fc
```
#5487fc rgb(84,135,252)
```
#5479fc
```
#5479fc rgb(84,121,252)
```
#546bfc
```
#546bfc rgb(84,107,252)
```
#545dfc
```
#545dfc rgb(84,93,252)
```
#5954fc
```
#5954fc rgb(89,84,252)
```
#6754fc
```
#6754fc rgb(103,84,252)
```
#7554fc
```
#7554fc rgb(117,84,252)
```

Similar Colors

Text with hexadecimal color #545dfc

This text has a font color of #545dfc.

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

#545dfc background color

This paragraph has a background color of #545dfc.

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

#545dfc border color

This element has a border color of #545dfc.

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

CSS codes

.text {color:#545dfc;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#000216
```
#000216 rgb(0,2,22)
```
#010329
```
#010329 rgb(1,3,41)
```
#01043c
```
#01043c rgb(1,4,60)
```
#010650
```
#010650 rgb(1,6,80)
```
#020763
```
#020763 rgb(2,7,99)
```
#020876
```
#020876 rgb(2,8,118)
```
#020a89
```
#020a89 rgb(2,10,137)
```
#030b9d
```
#030b9d rgb(3,11,157)
```
#030cb0
```
#030cb0 rgb(3,12,176)
```
#030ec3
```
#030ec3 rgb(3,14,195)
```
#040fd7
```
#040fd7 rgb(4,15,215)
```
#0410ea
```
#0410ea rgb(4,16,234)
```

Shade Color Variation

#0714fb
```
#0714fb rgb(7,20,251)
```
#1a26fb
```
#1a26fb rgb(26,38,251)
```
#2d38fb
```
#2d38fb rgb(45,56,251)
```
#414bfc
```
#414bfc rgb(65,75,252)
```
#545dfc
```
#545dfc rgb(84,93,252)
```
#676ffc
```
#676ffc rgb(103,111,252)
```
#7b82fd
```
#7b82fd rgb(123,130,253)
```
#8e94fd
```
#8e94fd rgb(142,148,253)
```
#a1a6fd
```
#a1a6fd rgb(161,166,253)
```
#b4b8fe
```
#b4b8fe rgb(180,184,254)
```
#c8cbfe
```
#c8cbfe rgb(200,203,254)
```
#dbddfe
```
#dbddfe rgb(219,221,254)
```
#eeefff
```
#eeefff rgb(238,239,255)
```

Tint Color Variation

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

#a4a5ac
```
#a4a5ac rgb(164,165,172)
```
#9e9fb2
```
#9e9fb2 rgb(158,159,178)
```
#9799b9
```
#9799b9 rgb(151,153,185)
```
#9093c0
```
#9093c0 rgb(144,147,192)
```
#8a8dc6
```
#8a8dc6 rgb(138,141,198)
```
#8387cd
```
#8387cd rgb(131,135,205)
```
#7c81d4
```
#7c81d4 rgb(124,129,212)
```
#757bdb
```
#757bdb rgb(117,123,219)
```
#6f75e1
```
#6f75e1 rgb(111,117,225)
```
#686fe8
```
#686fe8 rgb(104,111,232)
```
#6169ef
```
#6169ef rgb(97,105,239)
```
#5b63f5
```
#5b63f5 rgb(91,99,245)
```
#545dfc
```
#545dfc rgb(84,93,252)
```

Tone Color Variation

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

Dichromacy

#0075e5 Protanopia 1% of men
#007cc8 Deuteranopia 1% of men
#00848d Tritanopia 0.001% of the population

Trichromacy

#1e6ced Protanomaly 1% of men, 0.01% of women
#1e70db Deuteranomaly 6% of men, 0.4% of women
#1e76b5 Tritanomaly 0.01% of the population

#545dfc hex color

#545dfc Color Information

#545dfc Color Conversion

Color Schemes with #545dfc

Alternatives to #545dfc

#545dfc Preview

Shades and Tints of #545dfc

Tones of #545dfc

Color Blindness Simulator