Start generating
545FA2

#545FA2 closest to Starstruck

#545FA2 is a medium, moderately saturated blue; the closest named color is Starstruck. In the RGB color model it is made of 32.9% red, 37.3% green and 63.5% blue (rgb(84, 95, 162)). Its HSL value is 232° hue, 32% saturation and 48% lightness, and in CMYK it is 48% cyan, 41% magenta, 0% yellow and 36% black. #545FA2 is a cool color. White text reads best on it, with a contrast ratio of 5.94:1.

Make a palette with #545FA2

#545FA2 color conversion

HEX
RGB
HSL
HSB / HSV
HWB
CMYK
XYZ
CIELAB
CIELCh
CIELUV
OKLCH

Variations of #545FA2

Shades

Mixed with black: richer and darker.

545FA248528C3C4477313863262C4F1B203C11152A080A1902030A000001

Tints

Mixed with white: lighter and softer.

545FA2636EAC737EB5838EBF949DC8A5ADD2B6BDDBC8CDE4DADEEDECEEF6

Tones

Mixed with gray: calmer and more muted.

545FA258639F5C669C606A99656D966971926E748F72778B777A887B7D84

Hues

The same lightness and chroma, rotated around the color wheel.

00708F026E99256A9E3867A14763A2545FA2605BA06A589C7454967C518F844E87

Temperatures

Cooler on the left, warmer on the right.

4E65B54F64B15063AD5261AA5360A6545FA25B629F62659C6A6899716A96786D93

#545FA2 color harmonies

Complementary

The opposite hue — maximum contrast and energy.

545FA2A29754
Open in generator →

Split complementary

The two hues next to the complement — contrast with less tension.

545FA2A2705486A254
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

545FA25486A27054A2
Open in generator →

Triadic

Three hues evenly spaced at 120° — vibrant yet balanced.

545FA2A2545F5FA254
Open in generator →

Tetradic

Two complementary pairs — rich, best with one dominant color.

545FA29754A2A297545FA254
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

545FA2A25486A2975454A270
Open in generator →

#545FA2 for color-blind viewers (and dogs)

How #545FA2 appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →

  • Dog vision 94% similarHow dogs see it · simulated as #3E61A0
  • Protanopia 95% similar1.3% of men, 0.02% of women · simulated as #4567A5
  • Protanomaly 96% similar1.3% of men, 0.02% of women · simulated as #4965A4
  • Deuteranopia 94% similar1.2% of men, 0.01% of women · simulated as #3E61A0
  • Deuteranomaly 96% similar5% of men, 0.35% of women · simulated as #4661A1
  • Tritanopia 81% similar0.001% of men, 0.03% of women · simulated as #376D78
  • Tritanomaly 93% similar0.0001% of men, 0.0001% of women · simulated as #4C6591
  • Achromatopsia 79% similar0.003% of men, 0.003% of women · simulated as #646464
  • Achromatomaly 85% similar0.001% of men, 0.001% of women · simulated as #606377

#545FA2 contrast checker

AaThe quick brown fox jumps over the lazy dog.
5.94:1 Good#545FA2 text on white
AA normalPassAAA normalFail
AA largePassAAA largePass
AaThe quick brown fox jumps over the lazy dog.
3.54:1 Poor#545FA2 text on black
AA normalFailAAA normalFail
AA largePassAAA largeFail

Need another background? Pick any pair in the palette generator and open the contrast panel.

Colors similar to #545FA2

Palettes with #545FA2

#545FA2 in CSS

/* Starstruck */
.color { color: #545FA2; }
.background { background-color: #545FA2; }
.border { border: 1px solid #545FA2; }

/* Other notations */
color: rgb(84 95 162);
color: hsl(232 32% 48%);
color: oklch(0.508 0.107 274.9);

#545FA2 FAQ

What color is #545FA2?

#545FA2 is a medium, moderately saturated blue. Its closest named color is Starstruck. It belongs to the blue color family and is a cool color.

What is the RGB value of #545FA2?

#545FA2 is rgb(84, 95, 162) in RGB, hsl(232, 32%, 48%) in HSL and cmyk(48%, 41%, 0%, 36%) in CMYK.

What is the complementary color of #545FA2?

The complementary color of #545FA2 is #A29754, which sits opposite it on the color wheel.

Which text color works on #545FA2?

White text has the best contrast on #545FA2: 5.94:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #545FA2 a warm or cool color?

#545FA2 is a cool color.