Huebook

Smooth Pebbles Tetradic Color Scheme

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

#CABAB1
#B1CDAC
#AFC2CF
#C9AFD0
#F4EFED

Color names and codes

NameHEXRGBHSLCMYK
Smooth Pebbles#CABAB1202, 186, 17722°, 19%, 74%0, 8, 12, 21
Spinach Dip#B1CDAC177, 205, 172111°, 25%, 74%14, 0, 16, 20
Boot Cut#AFC2CF175, 194, 207204°, 25%, 75%15, 6, 0, 19
Windsor Purple#C9AFD0201, 175, 208287°, 26%, 75%3, 16, 0, 18
Little Pinky#F4EFED244, 239, 23717°, 24%, 94%0, 2, 3, 4

Which pairs work for text

Text on backgroundContrastWCAG
Aa #C9AFD0 on #F4EFED1.75:1—
Aa #CABAB1 on #F4EFED1.65:1—
Aa #AFC2CF on #F4EFED1.61:1—
Aa #B1CDAC on #F4EFED1.51:1—
Aa #B1CDAC on #C9AFD01.16:1—
Aa #CABAB1 on #B1CDAC1.09:1—

CSS variables

:root {
  --color-1: #cabab1; /* Smooth Pebbles */
  --color-2: #b1cdac; /* Spinach Dip */
  --color-3: #afc2cf; /* Boot Cut */
  --color-4: #c9afd0; /* Windsor Purple */
  --color-5: #f4efed; /* Little Pinky */
}

Other schemes from Smooth Pebbles

More Light Orange tetradic palettes

Questions

What colors go with Smooth Pebbles?

In a tetradic scheme: Spinach Dip (#B1CDAC), Boot Cut (#AFC2CF), Windsor Purple (#C9AFD0), Little Pinky (#F4EFED).

What is the hex code of Smooth Pebbles?

#CABAB1.