Viking Complementary Color Scheme

Five colors arranged by the complementary rule around Viking (#4DB1C8), each snapped to its nearest named color.

#4DB1C8

#94D1DF

#CB6649

#97422D

#E3A49A

Color names and codes

Name	HEX	RGB	HSL	CMYK
Viking	`#4DB1C8`	77, 177, 200	191°, 53%, 54%	62, 12, 0, 22
Washed Blue	`#94D1DF`	148, 209, 223	191°, 54%, 73%	34, 6, 0, 13
Enshūcha Red	`#CB6649`	203, 102, 73	13°, 56%, 54%	0, 50, 64, 20
Tia Maria	`#97422D`	151, 66, 45	12°, 54%, 38%	0, 56, 70, 41
Cuticle Pink	`#E3A49A`	227, 164, 154	8°, 57%, 75%	0, 28, 32, 11

Which pairs work for text

Text on background	Contrast	WCAG
Aa #94D1DF on #97422D	3.97:1	AA large
Aa #97422D on #E3A49A	3.21:1	AA large
Aa #4DB1C8 on #97422D	2.69:1	—
Aa #94D1DF on #CB6649	2.25:1	—
Aa #CB6649 on #E3A49A	1.81:1	—
Aa #CB6649 on #97422D	1.77:1	—

CSS variables

:root {
  --color-1: #4db1c8; /* Viking */
  --color-2: #94d1df; /* Washed Blue */
  --color-3: #cb6649; /* Enshūcha Red */
  --color-4: #97422d; /* Tia Maria */
  --color-5: #e3a49a; /* Cuticle Pink */
}

Other schemes from Viking

More Medium Teal complementary palettes

Questions

What colors go with Viking?

In a complementary scheme: Washed Blue (#94D1DF), Enshūcha Red (#CB6649), Tia Maria (#97422D), Cuticle Pink (#E3A49A).

What is the hex code of Viking?

#4DB1C8.