colorhexa.com

#545adc hex color

In a RGB color space, hex #545adc is composed of 32.9% red, 35.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 59.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 237.4 degrees, a saturation of 66% and a lightness of 59.6%. #545adc color hex could be obtained by blending #a8b4ff with #0000b9. Closest websafe color is: #6666cc.

- R 33
- G 35
- B 86
RGB color chart
- C 62
- M 59
- Y 0
- K 14
CMYK color chart

● #545adc color description : Soft blue.

The hexadecimal color #545adc has RGB values of R:84, G:90, B:220 and CMYK values of C:0.62, M:0.59, Y:0, K:0.14. Its decimal value is 5528284.

Hex triplet	545adc	`#545adc`
RGB Decimal	84, 90, 220	`rgb(84,90,220)`
RGB Percent	32.9, 35.3, 86.3	`rgb(32.9%,35.3%,86.3%)`
CMYK	62, 59, 0, 14
HSL	237.4°, 66, 59.6	`hsl(237.4,66%,59.6%)`
HSV (or HSB)	237.4°, 61.8, 86.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.75, 36.669, -67.389
XYZ	20.228, 14.363, 69.413
xyY	0.194, 0.138, 14.363
CIE-LCH	44.75, 76.719, 298.552
CIE-LUV	44.75, -9.059, -103.045
Hunter-Lab	37.899, 28.948, -82.061
Binary	01010100, 01011010, 11011100

#545adc
```
#545adc rgb(84,90,220)
```
#dcd654
```
#dcd654 rgb(220,214,84)
```

Complementary Color

#549edc
```
#549edc rgb(84,158,220)
```
#545adc
```
#545adc rgb(84,90,220)
```
#9254dc
```
#9254dc rgb(146,84,220)
```

Analogous Color

#9edc54
```
#9edc54 rgb(158,220,84)
```
#545adc
```
#545adc rgb(84,90,220)
```
#dc9254
```
#dc9254 rgb(220,146,84)
```

Split Complementary Color

#5adc54
```
#5adc54 rgb(90,220,84)
```
#545adc
```
#545adc rgb(84,90,220)
```
#dc545a
```
#dc545a rgb(220,84,90)
```

Triadic Color

#54dcd6
```
#54dcd6 rgb(84,220,214)
```
#545adc
```
#545adc rgb(84,90,220)
```
#dc545a
```
#dc545a rgb(220,84,90)
```
#dcd654
```
#dcd654 rgb(220,214,84)
```

Tetradic Color

#272dbd
```
#272dbd rgb(39,45,189)
```
#2b32d2
```
#2b32d2 rgb(43,50,210)
```
#3f46d8
```
#3f46d8 rgb(63,70,216)
```
#545adc
```
#545adc rgb(84,90,220)
```
#696ee0
```
#696ee0 rgb(105,110,224)
```
#7e83e5
```
#7e83e5 rgb(126,131,229)
```
#9497e9
```
#9497e9 rgb(148,151,233)
```

Monochromatic Color

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

#547cdc
```
#547cdc rgb(84,124,220)
```
#5471dc
```
#5471dc rgb(84,113,220)
```
#5465dc
```
#5465dc rgb(84,101,220)
```
#545adc
```
#545adc rgb(84,90,220)
```
#5954dc
```
#5954dc rgb(89,84,220)
```
#6554dc
```
#6554dc rgb(101,84,220)
```
#7054dc
```
#7054dc rgb(112,84,220)
```

Similar Colors

Text with hexadecimal color #545adc

This text has a font color of #545adc.

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

#545adc background color

This paragraph has a background color of #545adc.

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

#545adc border color

This element has a border color of #545adc.

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

CSS codes

.text {color:#545adc;}

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

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

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

#020208
```
#020208 rgb(2,2,8)
```
#050618
```
#050618 rgb(5,6,24)
```
#080a29
```
#080a29 rgb(8,10,41)
```
#0c0e39
```
#0c0e39 rgb(12,14,57)
```
#0f1249
```
#0f1249 rgb(15,18,73)
```
#12155a
```
#12155a rgb(18,21,90)
```
#16196a
```
#16196a rgb(22,25,106)
```
#191d7a
```
#191d7a rgb(25,29,122)
```
#1c218a
```
#1c218a rgb(28,33,138)
```
#20259b
```
#20259b rgb(32,37,155)
```
#2329ab
```
#2329ab rgb(35,41,171)
```
#262dbb
```
#262dbb rgb(38,45,187)
```
#2a31cc
```
#2a31cc rgb(42,49,204)
```

Shade Color Variation

#333bd5
```
#333bd5 rgb(51,59,213)
```
#444ad9
```
#444ad9 rgb(68,74,217)
```
#545adc
```
#545adc rgb(84,90,220)
```
#646adf
```
#646adf rgb(100,106,223)
```
#7579e3
```
#7579e3 rgb(117,121,227)
```
#8589e6
```
#8589e6 rgb(133,137,230)
```
#9599e9
```
#9599e9 rgb(149,153,233)
```
#a5a9ed
```
#a5a9ed rgb(165,169,237)
```
#b6b8f0
```
#b6b8f0 rgb(182,184,240)
```
#c6c8f3
```
#c6c8f3 rgb(198,200,243)
```
#d6d8f7
```
#d6d8f7 rgb(214,216,247)
```
#e7e7fa
```
#e7e7fa rgb(231,231,250)
```
#f7f7fd
```
#f7f7fd rgb(247,247,253)
```

Tint Color Variation

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

#93949d
```
#93949d rgb(147,148,157)
```
#8b8da5
```
#8b8da5 rgb(139,141,165)
```
#8485ac
```
#8485ac rgb(132,133,172)
```
#7c7eb4
```
#7c7eb4 rgb(124,126,180)
```
#7477bc
```
#7477bc rgb(116,119,188)
```
#6c70c4
```
#6c70c4 rgb(108,112,196)
```
#6468cc
```
#6468cc rgb(100,104,204)
```
#5c61d4
```
#5c61d4 rgb(92,97,212)
```
#545adc
```
#545adc rgb(84,90,220)
```
#4c53e4
```
#4c53e4 rgb(76,83,228)
```
#444cec
```
#444cec rgb(68,76,236)
```
#3c44f4
```
#3c44f4 rgb(60,68,244)
```
#343dfc
```
#343dfc rgb(52,61,252)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#63647e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074bd Deuteranopia 1% of men
#077c85 Tritanopia 0.001% of the population

Trichromacy

#1e66d9 Protanomaly 1% of men, 0.01% of women
#1e6ac8 Deuteranomaly 6% of men, 0.4% of women
#2370a5 Tritanomaly 0.01% of the population