Huebook

Smooth Pebbles Complementary Color Scheme

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

#CABAB1
#EFEAE6
#AFC2CF
#7B9EB0
#EEF2F3

Color names and codes

NameHEXRGBHSLCMYK
Smooth Pebbles#CABAB1202, 186, 17722°, 19%, 74%0, 8, 12, 21
White Dogwood#EFEAE6239, 234, 23027°, 22%, 92%0, 2, 4, 6
Boot Cut#AFC2CF175, 194, 207204°, 25%, 75%15, 6, 0, 19
Blue Cascade#7B9EB0123, 158, 176200°, 25%, 59%30, 10, 0, 31
Maui Mist#EEF2F3238, 242, 243192°, 17%, 94%2, 0, 0, 5

Which pairs work for text

Text on backgroundContrastWCAG
Aa #7B9EB0 on #EEF2F32.53:1—
Aa #EFEAE6 on #7B9EB02.39:1—
Aa #CABAB1 on #EEF2F31.67:1—
Aa #AFC2CF on #EEF2F31.63:1—
Aa #CABAB1 on #EFEAE61.57:1—
Aa #AFC2CF on #7B9EB01.55:1—

CSS variables

:root {
  --color-1: #cabab1; /* Smooth Pebbles */
  --color-2: #efeae6; /* White Dogwood */
  --color-3: #afc2cf; /* Boot Cut */
  --color-4: #7b9eb0; /* Blue Cascade */
  --color-5: #eef2f3; /* Maui Mist */
}

Other schemes from Smooth Pebbles

More Light Orange complementary palettes

Questions

What colors go with Smooth Pebbles?

In a complementary scheme: White Dogwood (#EFEAE6), Boot Cut (#AFC2CF), Blue Cascade (#7B9EB0), Maui Mist (#EEF2F3).

What is the hex code of Smooth Pebbles?

#CABAB1.