Start generating
3F445A

#3F445A closest to Madonna

#3F445A is a dark, muted blue; the closest named color is Madonna. In the RGB color model it is made of 24.7% red, 26.7% green and 35.3% blue (rgb(63, 68, 90)). Its HSL value is 229° hue, 18% saturation and 30% lightness, and in CMYK it is 30% cyan, 24% magenta, 0% yellow and 65% black. #3F445A is a cool color. White text reads best on it, with a contrast ratio of 9.61:1.

Make a palette with #3F445A

#3F445A color conversion

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

Variations of #3F445A

Shades

Mixed with black: richer and darker.

3F445A353A4D2C30412326351B1D2912141E0A0C13040509010203000000

Tints

Mixed with white: lighter and softer.

3F445A505569616679737889868A99999CA9ADAFBAC1C3CBD5D7DCEAEBED

Tones

Mixed with gray: calmer and more muted.

3F445A454A5E4B5062525565585B695E616D6567716C6D75727478797A7C

Hues

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

2E4A5531495734485937475A3B455A3F445A4343594642584A40564D3F54503E51

Temperatures

Cooler on the left, warmer on the right.

3D507B3E4E743E4B6E3E49673F46603F445A47475A4E4B5A564E595E5159665558

#3F445A color harmonies

Complementary

The opposite hue — maximum contrast and energy.

3F445A5A553F
Open in generator →

Split complementary

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

3F445A5A483F525A3F
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

3F445A3F525A483F5A
Open in generator →

Triadic

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

3F445A5A3F44445A3F
Open in generator →

Tetradic

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

3F445A553F5A5A553F445A3F
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

3F445A5A3F525A553F3F5A48
Open in generator →

#3F445A for color-blind viewers (and dogs)

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

  • Dog vision 99% similarHow dogs see it · simulated as #3C4459
  • Protanopia 99% similar1.3% of men, 0.02% of women · simulated as #3E465B
  • Protanomaly 99% similar1.3% of men, 0.02% of women · simulated as #3E455B
  • Deuteranopia 99% similar1.2% of men, 0.01% of women · simulated as #3C4459
  • Deuteranomaly 99% similar5% of men, 0.35% of women · simulated as #3D445A
  • Tritanopia 93% similar0.001% of men, 0.03% of women · simulated as #38484B
  • Tritanomaly 97% similar0.0001% of men, 0.0001% of women · simulated as #3D4654
  • Achromatopsia 92% similar0.003% of men, 0.003% of women · simulated as #454545
  • Achromatomaly 94% similar0.001% of men, 0.001% of women · simulated as #43454B

#3F445A contrast checker

AaThe quick brown fox jumps over the lazy dog.
9.61:1 Very good#3F445A text on white
AA normalPassAAA normalPass
AA largePassAAA largePass
AaThe quick brown fox jumps over the lazy dog.
2.19:1 Very poor#3F445A text on black
AA normalFailAAA normalFail
AA largeFailAAA largeFail

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

Colors similar to #3F445A

Palettes with #3F445A

#3F445A in CSS

/* Madonna */
.color { color: #3F445A; }
.background { background-color: #3F445A; }
.border { border: 1px solid #3F445A; }

/* Other notations */
color: rgb(63 68 90);
color: hsl(229 18% 30%);
color: oklch(0.391 0.038 274.6);

#3F445A FAQ

What color is #3F445A?

#3F445A is a dark, muted blue. Its closest named color is Madonna. It belongs to the blue color family and is a cool color.

What is the RGB value of #3F445A?

#3F445A is rgb(63, 68, 90) in RGB, hsl(229, 18%, 30%) in HSL and cmyk(30%, 24%, 0%, 65%) in CMYK.

What is the complementary color of #3F445A?

The complementary color of #3F445A is #5A553F, which sits opposite it on the color wheel.

Which text color works on #3F445A?

White text has the best contrast on #3F445A: 9.61:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #3F445A a warm or cool color?

#3F445A is a cool color.