#545bf3 hex color

In a RGB color space, hex #545bf3 is composed of 32.9% red, 35.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 62.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 237.4 degrees, a saturation of 86.9% and a lightness of 64.1%. #545bf3 color hex could be obtained by blending #a8b6ff with #0000e7. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 36
- B 95
RGB color chart
- C 65
- M 63
- Y 0
- K 5
CMYK color chart

● #545bf3 color description : Soft blue.

The hexadecimal color #545bf3 has RGB values of R:84, G:91, B:243 and CMYK values of C:0.65, M:0.63, Y:0, K:0.05. Its decimal value is 5528563.

Hex triplet	545bf3	`#545bf3`
RGB Decimal	84, 91, 243	`rgb(84,91,243)`
RGB Percent	32.9, 35.7, 95.3	`rgb(32.9%,35.7%,95.3%)`
CMYK	65, 63, 0, 5
HSL	237.4°, 86.9, 64.1	`hsl(237.4,86.9%,64.1%)`
HSV (or HSB)	237.4°, 65.4, 95.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.76, 43.622, -77.099
XYZ	23.572, 15.837, 86.604
xyY	0.187, 0.126, 15.837
CIE-LCH	46.76, 88.585, 299.501
CIE-LUV	46.76, -10.24, -118.371
Hunter-Lab	39.796, 36.087, -101.171
Binary	01010100, 01011011, 11110011

#545bf3
```
#545bf3 rgb(84,91,243)
```
#f3ec54
```
#f3ec54 rgb(243,236,84)
```

Complementary Color

#54abf3
```
#54abf3 rgb(84,171,243)
```
#545bf3
```
#545bf3 rgb(84,91,243)
```
#9d54f3
```
#9d54f3 rgb(157,84,243)
```

Analogous Color

#abf354
```
#abf354 rgb(171,243,84)
```
#545bf3
```
#545bf3 rgb(84,91,243)
```
#f39d54
```
#f39d54 rgb(243,157,84)
```

Split Complementary Color

#5bf354
```
#5bf354 rgb(91,243,84)
```
#545bf3
```
#545bf3 rgb(84,91,243)
```
#f3545b
```
#f3545b rgb(243,84,91)
```

Triadic Color

#54f3ec
```
#54f3ec rgb(84,243,236)
```
#545bf3
```
#545bf3 rgb(84,91,243)
```
#f3545b
```
#f3545b rgb(243,84,91)
```
#f3ec54
```
#f3ec54 rgb(243,236,84)
```

Tetradic Color

#101aea
```
#101aea rgb(16,26,234)
```
#242df0
```
#242df0 rgb(36,45,240)
```
#3c44f1
```
#3c44f1 rgb(60,68,241)
```
#545bf3
```
#545bf3 rgb(84,91,243)
```
#6c72f5
```
#6c72f5 rgb(108,114,245)
```
#8489f6
```
#8489f6 rgb(132,137,246)
```
#9ba0f8
```
#9ba0f8 rgb(155,160,248)
```

Monochromatic Color

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

#5483f3
```
#5483f3 rgb(84,131,243)
```
#5476f3
```
#5476f3 rgb(84,118,243)
```
#5468f3
```
#5468f3 rgb(84,104,243)
```
#545bf3
```
#545bf3 rgb(84,91,243)
```
#5a54f3
```
#5a54f3 rgb(90,84,243)
```
#6854f3
```
#6854f3 rgb(104,84,243)
```
#7554f3
```
#7554f3 rgb(117,84,243)
```

Similar Colors

Text with hexadecimal color #545bf3

This text has a font color of #545bf3.

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

#545bf3 background color

This paragraph has a background color of #545bf3.

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

#545bf3 border color

This element has a border color of #545bf3.

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

CSS codes

.text {color:#545bf3;}

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

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

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, #01010c is the darkest color, while #f9f9ff is the lightest one.

#01010c
```
#01010c rgb(1,1,12)
```
#02031f
```
#02031f rgb(2,3,31)
```
#030531
```
#030531 rgb(3,5,49)
```
#050743
```
#050743 rgb(5,7,67)
```
#060a56
```
#060a56 rgb(6,10,86)
```
#070c68
```
#070c68 rgb(7,12,104)
```
#090e7a
```
#090e7a rgb(9,14,122)
```
#0a108d
```
#0a108d rgb(10,16,141)
```
#0b129f
```
#0b129f rgb(11,18,159)
```
#0c14b1
```
#0c14b1 rgb(12,20,177)
```
#0e16c4
```
#0e16c4 rgb(14,22,196)
```
#0f18d6
```
#0f18d6 rgb(15,24,214)
```
#101ae8
```
#101ae8 rgb(16,26,232)
```

Shade Color Variation

#1d26ef
```
#1d26ef rgb(29,38,239)
```
#2f38f0
```
#2f38f0 rgb(47,56,240)
```
#4249f2
```
#4249f2 rgb(66,73,242)
```
#545bf3
```
#545bf3 rgb(84,91,243)
```
#666df4
```
#666df4 rgb(102,109,244)
```
#797ef6
```
#797ef6 rgb(121,126,246)
```
#8b90f7
```
#8b90f7 rgb(139,144,247)
```
#9da1f8
```
#9da1f8 rgb(157,161,248)
```
#b0b3f9
```
#b0b3f9 rgb(176,179,249)
```
#c2c4fb
```
#c2c4fb rgb(194,196,251)
```
#d4d6fc
```
#d4d6fc rgb(212,214,252)
```
#e7e8fd
```
#e7e8fd rgb(231,232,253)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

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

#a1a2a6
```
#a1a2a6 rgb(161,162,166)
```
#9a9bad
```
#9a9bad rgb(154,155,173)
```
#9395b4
```
#9395b4 rgb(147,149,180)
```
#8c8ebb
```
#8c8ebb rgb(140,142,187)
```
#8588c2
```
#8588c2 rgb(133,136,194)
```
#7e82c9
```
#7e82c9 rgb(126,130,201)
```
#777bd0
```
#777bd0 rgb(119,123,208)
```
#7075d7
```
#7075d7 rgb(112,117,215)
```
#696ede
```
#696ede rgb(105,110,222)
```
#6268e5
```
#6268e5 rgb(98,104,229)
```
#5b61ec
```
#5b61ec rgb(91,97,236)
```
#545bf3
```
#545bf3 rgb(84,91,243)
```
#4d55fa
```
#4d55fa rgb(77,85,250)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#666785 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072e0 Protanopia 1% of men
#0079c3 Deuteranopia 1% of men
#00818a Tritanopia 0.001% of the population

Trichromacy

#1e6ae7 Protanomaly 1% of men, 0.01% of women
#1e6ed5 Deuteranomaly 6% of men, 0.4% of women
#1e73b0 Tritanomaly 0.01% of the population

#545bf3 hex color

#545bf3 Color Information

#545bf3 Color Conversion

Color Schemes with #545bf3

Alternatives to #545bf3

#545bf3 Preview

Shades and Tints of #545bf3

Tones of #545bf3

Color Blindness Simulator