Huebook

Moth Complementary Color Scheme

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

#CBC1A2
#ECE8DD
#A2ADD0
#7381B3
#E2E6EF

Color names and codes

NameHEXRGBHSLCMYK
Moth#CBC1A2203, 193, 16245°, 28%, 72%0, 5, 20, 20
Soft Wool#ECE8DD236, 232, 22144°, 28%, 90%0, 2, 6, 7
Mild Blue Yonder#A2ADD0162, 173, 208226°, 33%, 73%22, 17, 0, 18
Venture Violet#7381B3115, 129, 179227°, 30%, 58%36, 28, 0, 30
Ghostly Tuna#E2E6EF226, 230, 239222°, 29%, 91%5, 4, 0, 6

Which pairs work for text

Text on backgroundContrastWCAG
Aa #ECE8DD on #7381B33.11:1AA large
Aa #7381B3 on #E2E6EF3.04:1AA large
Aa #CBC1A2 on #7381B32.12:1—
Aa #ECE8DD on #A2ADD01.82:1—
Aa #A2ADD0 on #E2E6EF1.78:1—
Aa #A2ADD0 on #7381B31.71:1—

CSS variables

:root {
  --color-1: #cbc1a2; /* Moth */
  --color-2: #ece8dd; /* Soft Wool */
  --color-3: #a2add0; /* Mild Blue Yonder */
  --color-4: #7381b3; /* Venture Violet */
  --color-5: #e2e6ef; /* Ghostly Tuna */
}

Other schemes from Moth

More Light Yellow complementary palettes

Questions

What colors go with Moth?

In a complementary scheme: Soft Wool (#ECE8DD), Mild Blue Yonder (#A2ADD0), Venture Violet (#7381B3), Ghostly Tuna (#E2E6EF).

What is the hex code of Moth?

#CBC1A2.