#545bec hex color

In a RGB color space, hex #545bec is composed of 32.9% red, 35.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 61.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 237.2 degrees, a saturation of 80% and a lightness of 62.7%. #545bec color hex could be obtained by blending #a8b6ff with #0000d9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 36
- B 93
RGB color chart
- C 64
- M 61
- Y 0
- K 7
CMYK color chart

● #545bec color description : Soft blue.

The hexadecimal color #545bec has RGB values of R:84, G:91, B:236 and CMYK values of C:0.64, M:0.61, Y:0, K:0.07. Its decimal value is 5528556.

Hex triplet	545bec	`#545bec`
RGB Decimal	84, 91, 236	`rgb(84,91,236)`
RGB Percent	32.9, 35.7, 92.5	`rgb(32.9%,35.7%,92.5%)`
CMYK	64, 61, 0, 7
HSL	237.2°, 80, 62.7	`hsl(237.2,80%,62.7%)`
HSV (or HSB)	237.2°, 64.4, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.207, 41.329, -74.072
XYZ	22.535, 15.422, 81.141
xyY	0.189, 0.129, 15.422
CIE-LCH	46.207, 84.822, 299.16
CIE-LUV	46.207, -9.96, -113.667
Hunter-Lab	39.271, 33.704, -95.016
Binary	01010100, 01011011, 11101100

#545bec
```
#545bec rgb(84,91,236)
```
#ece554
```
#ece554 rgb(236,229,84)
```

Complementary Color

#54a7ec
```
#54a7ec rgb(84,167,236)
```
#545bec
```
#545bec rgb(84,91,236)
```
#9954ec
```
#9954ec rgb(153,84,236)
```

Analogous Color

#a7ec54
```
#a7ec54 rgb(167,236,84)
```
#545bec
```
#545bec rgb(84,91,236)
```
#ec9954
```
#ec9954 rgb(236,153,84)
```

Split Complementary Color

#5bec54
```
#5bec54 rgb(91,236,84)
```
#545bec
```
#545bec rgb(84,91,236)
```
#ec545b
```
#ec545b rgb(236,84,91)
```

Triadic Color

#54ece5
```
#54ece5 rgb(84,236,229)
```
#545bec
```
#545bec rgb(84,91,236)
```
#ec545b
```
#ec545b rgb(236,84,91)
```
#ece554
```
#ece554 rgb(236,229,84)
```

Tetradic Color

#1821db
```
#1821db rgb(24,33,219)
```
#262fe7
```
#262fe7 rgb(38,47,231)
```
#3d45e9
```
#3d45e9 rgb(61,69,233)
```
#545bec
```
#545bec rgb(84,91,236)
```
#6b71ef
```
#6b71ef rgb(107,113,239)
```
#8287f1
```
#8287f1 rgb(130,135,241)
```
#999df4
```
#999df4 rgb(153,157,244)
```

Monochromatic Color

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

#5481ec
```
#5481ec rgb(84,129,236)
```
#5474ec
```
#5474ec rgb(84,116,236)
```
#5468ec
```
#5468ec rgb(84,104,236)
```
#545bec
```
#545bec rgb(84,91,236)
```
#5a54ec
```
#5a54ec rgb(90,84,236)
```
#6654ec
```
#6654ec rgb(102,84,236)
```
#7354ec
```
#7354ec rgb(115,84,236)
```

Similar Colors

Text with hexadecimal color #545bec

This text has a font color of #545bec.

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

#545bec background color

This paragraph has a background color of #545bec.

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

#545bec border color

This element has a border color of #545bec.

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

CSS codes

.text {color:#545bec;}

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

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

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

#010106
```
#010106 rgb(1,1,6)
```
#030417
```
#030417 rgb(3,4,23)
```
#050629
```
#050629 rgb(5,6,41)
```
#06093b
```
#06093b rgb(6,9,59)
```
#080c4c
```
#080c4c rgb(8,12,76)
```
#0a0e5e
```
#0a0e5e rgb(10,14,94)
```
#0c116f
```
#0c116f rgb(12,17,111)
```
#0e1481
```
#0e1481 rgb(14,20,129)
```
#101693
```
#101693 rgb(16,22,147)
```
#1219a4
```
#1219a4 rgb(18,25,164)
```
#141cb6
```
#141cb6 rgb(20,28,182)
```
#161ec8
```
#161ec8 rgb(22,30,200)
```
#1821d9
```
#1821d9 rgb(24,33,217)
```

Shade Color Variation

#1f28e6
```
#1f28e6 rgb(31,40,230)
```
#3139e8
```
#3139e8 rgb(49,57,232)
```
#424aea
```
#424aea rgb(66,74,234)
```
#545bec
```
#545bec rgb(84,91,236)
```
#666cee
```
#666cee rgb(102,108,238)
```
#777df0
```
#777df0 rgb(119,125,240)
```
#898ef2
```
#898ef2 rgb(137,142,242)
```
#9b9ff4
```
#9b9ff4 rgb(155,159,244)
```
#acb0f6
```
#acb0f6 rgb(172,176,246)
```
#bec1f8
```
#bec1f8 rgb(190,193,248)
```
#d0d2fa
```
#d0d2fa rgb(208,210,250)
```
#e1e2fc
```
#e1e2fc rgb(225,226,252)
```
#f3f3fe
```
#f3f3fe rgb(243,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9d9da3 is the less saturated color, while #454efb is the most saturated one.

#9d9da3
```
#9d9da3 rgb(157,157,163)
```
#9697aa
```
#9697aa rgb(150,151,170)
```
#8e90b2
```
#8e90b2 rgb(142,144,178)
```
#8789b9
```
#8789b9 rgb(135,137,185)
```
#8083c0
```
#8083c0 rgb(128,131,192)
```
#797cc7
```
#797cc7 rgb(121,124,199)
```
#7176cf
```
#7176cf rgb(113,118,207)
```
#6a6fd6
```
#6a6fd6 rgb(106,111,214)
```
#6368dd
```
#6368dd rgb(99,104,221)
```
#5b62e5
```
#5b62e5 rgb(91,98,229)
```
#545bec
```
#545bec rgb(84,91,236)
```
#4d54f3
```
#4d54f3 rgb(77,84,243)
```
#454efb
```
#454efb rgb(69,78,251)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#656683 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0077c2 Deuteranopia 1% of men
#008089 Tritanopia 0.001% of the population

Trichromacy

#1e69e3 Protanomaly 1% of men, 0.01% of women
#1e6dd1 Deuteranomaly 6% of men, 0.4% of women
#1e72ad Tritanomaly 0.01% of the population

#545bec hex color

#545bec Color Information

#545bec Color Conversion

Color Schemes with #545bec

Alternatives to #545bec

#545bec Preview

Shades and Tints of #545bec

Tones of #545bec

Color Blindness Simulator