Start generating
1F556F

#1F556F closest to Moroccan Blue

#1F556F is a dark, muted blue; the closest named color is Moroccan Blue. In the RGB color model it is made of 12.2% red, 33.3% green and 43.5% blue (rgb(31, 85, 111)). Its HSL value is 200° hue, 56% saturation and 28% lightness, and in CMYK it is 72% cyan, 23% magenta, 0% yellow and 56% black. #1F556F is a cool color. White text reads best on it, with a contrast ratio of 8.12:1.

Make a palette with #1F556F

#1F556F color conversion

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

Variations of #1F556F

Shades

Mixed with black: richer and darker.

1F556F194960143D510F31420A2634061C2703111A01080E000204000001

Tints

Mixed with white: lighter and softer.

1F556F37657D4D758B6285997896A78DA7B5A3B8C4BAC9D2D0DBE1E8EDF0

Tones

Mixed with gray: calmer and more muted.

1F556F2B5971365E734062754A6676536B785C6F7A65737B6E787D777C7F

Hues

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

105B52085B59065A600C596615576B1F556F2853723151743A4E76424C75494974

Temperatures

Cooler on the left, warmer on the right.

1E5D8C1E5C861E5A801E587A1F57751F556F2D586E385B6D435E6C4D616B57646A

#1F556F color harmonies

Complementary

The opposite hue — maximum contrast and energy.

1F556F6F391F
Open in generator →

Split complementary

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

1F556F6F1F2D6F611F
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

1F556F1F6F611F2D6F
Open in generator →

Triadic

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

1F556F6F1F55556F1F
Open in generator →

Tetradic

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

1F556F391F6F6F391F556F1F
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

1F556F611F6F6F391F2D6F1F
Open in generator →

#1F556F for color-blind viewers

How #1F556F appears with each type of color vision deficiency (Machado 2009 model).

  • Protanopia 91% similar1.3% of men, 0.02% of women · simulated as #485470
  • Protanomaly 93% similar1.3% of men, 0.02% of women · simulated as #405470
  • Deuteranopia 92% similar1.2% of men, 0.01% of women · simulated as #3D4C6F
  • Deuteranomaly 95% similar5% of men, 0.35% of women · simulated as #37506F
  • Tritanopia 91% similar0.001% of men, 0.03% of women · simulated as #005C5E
  • Tritanomaly 96% similar0.0001% of men, 0.0001% of women · simulated as #055868
  • Achromatopsia 86% similar0.003% of men, 0.003% of women · simulated as #505050
  • Achromatomaly 89% similar0.001% of men, 0.001% of women · simulated as #475159

#1F556F contrast checker

AaThe quick brown fox jumps over the lazy dog.
8.12:1 Very good#1F556F text on white
AA normalPassAAA normalPass
AA largePassAAA largePass
AaThe quick brown fox jumps over the lazy dog.
2.59:1 Very poor#1F556F 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 #1F556F

Palettes with #1F556F

#1F556F in CSS

/* Moroccan Blue */
.color { color: #1F556F; }
.background { background-color: #1F556F; }
.border { border: 1px solid #1F556F; }

/* Other notations */
color: rgb(31 85 111);
color: hsl(200 56% 28%);
color: oklch(0.426 0.071 232.9);

#1F556F FAQ

What color is #1F556F?

#1F556F is a dark, muted blue. Its closest named color is Moroccan Blue. It belongs to the blue color family and is a cool color.

What is the RGB value of #1F556F?

#1F556F is rgb(31, 85, 111) in RGB, hsl(200, 56%, 28%) in HSL and cmyk(72%, 23%, 0%, 56%) in CMYK.

What is the complementary color of #1F556F?

The complementary color of #1F556F is #6F391F, which sits opposite it on the color wheel.

Which text color works on #1F556F?

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

Is #1F556F a warm or cool color?

#1F556F is a cool color.