Fiord Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Fiord (#4B5A62), each snapped to its nearest named color.

#0F1012

#293135

#4B5A62

#6C848D

#99A9AD

Color names and codes

Name	HEX	RGB	HSL	CMYK
Ruined Smores	`#0F1012`	15, 16, 18	220°, 9%, 6%	17, 11, 0, 93
Nightmare Fuel	`#293135`	41, 49, 53	200°, 13%, 18%	23, 8, 0, 79
Fiord	`#4B5A62`	75, 90, 98	201°, 13%, 34%	23, 8, 0, 62
Indigo Mouse	`#6C848D`	108, 132, 141	196°, 13%, 49%	23, 6, 0, 45
Nor’wester	`#99A9AD`	153, 169, 173	192°, 11%, 64%	12, 2, 0, 32

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0F1012 on #99A9AD	7.83:1	AAA
Aa #293135 on #99A9AD	5.45:1	AA
Aa #0F1012 on #6C848D	4.82:1	AA
Aa #293135 on #6C848D	3.36:1	AA large
Aa #4B5A62 on #99A9AD	2.94:1	—
Aa #0F1012 on #4B5A62	2.66:1	—

CSS variables

:root {
  --color-1: #0f1012; /* Ruined Smores */
  --color-2: #293135; /* Nightmare Fuel */
  --color-3: #4b5a62; /* Fiord */
  --color-4: #6c848d; /* Indigo Mouse */
  --color-5: #99a9ad; /* Nor’wester */
}

Other schemes from Fiord

More Dark Blue monochromatic palettes

Questions

What colors go with Fiord?

In a monochromatic scheme: Ruined Smores (#0F1012), Nightmare Fuel (#293135), Indigo Mouse (#6C848D), Nor’wester (#99A9AD).

What is the hex code of Fiord?

#4B5A62.