Huebook

Finnish Fiord Complementary Color Scheme

Five colors arranged by the complementary rule around Finnish Fiord (#5DB0BE), each snapped to its nearest named color.

#5DB0BE
#9ECFD9
#BB715B
#954A3D
#DFAFA4

Color names and codes

NameHEXRGBHSLCMYK
Finnish Fiord#5DB0BE93, 176, 190189°, 43%, 55%51, 7, 0, 25
Tenzing#9ECFD9158, 207, 217190°, 44%, 74%27, 5, 0, 15
Spiced#BB715B187, 113, 9114°, 41%, 55%0, 40, 51, 27
Smokin Hot#954A3D149, 74, 619°, 42%, 41%0, 50, 59, 42
Pale Blush#DFAFA4223, 175, 16411°, 48%, 76%0, 22, 26, 13

Which pairs work for text

Text on backgroundContrastWCAG
Aa #9ECFD9 on #954A3D3.72:1AA large
Aa #954A3D on #DFAFA43.25:1AA large
Aa #5DB0BE on #954A3D2.53:1—
Aa #9ECFD9 on #BB715B2.20:1—
Aa #BB715B on #DFAFA41.92:1—
Aa #BB715B on #954A3D1.69:1—

CSS variables

:root {
  --color-1: #5db0be; /* Finnish Fiord */
  --color-2: #9ecfd9; /* Tenzing */
  --color-3: #bb715b; /* Spiced */
  --color-4: #954a3d; /* Smokin Hot */
  --color-5: #dfafa4; /* Pale Blush */
}

Other schemes from Finnish Fiord

More Medium Teal complementary palettes

Questions

What colors go with Finnish Fiord?

In a complementary scheme: Tenzing (#9ECFD9), Spiced (#BB715B), Smokin Hot (#954A3D), Pale Blush (#DFAFA4).

What is the hex code of Finnish Fiord?

#5DB0BE.