Smooth Pebbles Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Smooth Pebbles (#CABAB1), each snapped to its nearest named color.
#CABAB1
#AED0C9
#ACB0CA
#B0907C
#DFEBE9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Smooth Pebbles | #CABAB1 | 202, 186, 177 | 22°, 19%, 74% | 0, 8, 12, 21 | 80.0% 0.022 51 | |
| Cassiopeia | #AED0C9 | 174, 208, 201 | 168°, 27%, 75% | 16, 0, 3, 18 | 83.1% 0.037 181 | |
| Purple Freedom | #ACB0CA | 172, 176, 202 | 232°, 22%, 73% | 15, 13, 0, 21 | 76.2% 0.037 279 | |
| Mazzone | #B0907C | 176, 144, 124 | 23°, 25%, 59% | 0, 18, 30, 31 | 67.8% 0.048 54 | |
| Honesty | #DFEBE9 | 223, 235, 233 | 170°, 23%, 90% | 5, 0, 1, 8 | 93.0% 0.013 185 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B0907C on #DFEBE9 | 2.41:1 | — |
| Aa #AED0C9 on #B0907C | 1.78:1 | — |
| Aa #ACB0CA on #DFEBE9 | 1.75:1 | — |
| Aa #CABAB1 on #B0907C | 1.57:1 | — |
| Aa #CABAB1 on #DFEBE9 | 1.54:1 | — |
| Aa #ACB0CA on #B0907C | 1.38:1 | — |
CSS variables
:root {
--color-1: #cabab1; /* Smooth Pebbles */
--color-2: #aed0c9; /* Cassiopeia */
--color-3: #acb0ca; /* Purple Freedom */
--color-4: #b0907c; /* Mazzone */
--color-5: #dfebe9; /* Honesty */
}Other schemes from Smooth Pebbles
- Smooth Pebbles Complementary Color Scheme#CABAB1#EFEAE6#AFC2CF#7B9EB0#EEF2F3
- Smooth Pebbles Analogous Color Scheme#CCACC1#D3ADB1#CABAB1#CECBAE#C3CDB0
- Smooth Pebbles Triadic Color Scheme#CABAB1#ACD0BB#BCACCD#F4EFED#7AB091
- Smooth Pebbles Tetradic Color Scheme#CABAB1#B1CDAC#AFC2CF#C9AFD0#F4EFED
- Smooth Pebbles Monochromatic Color Scheme#85695B#A99582#CABAB1#EAE2DF#F6F2F1
More light orange split-complementary color schemes
- 24 Karat Split-complementary Color Scheme#DFC685#83C7DF#8A83DA#CFAC47#C1E4F0
- 3AM Latte Split-complementary Color Scheme#C0A98E#8FBCC4#8A8DC4#A9855D#BCDBDB
- Ancestral Gold Split-complementary Color Scheme#DDCDA6#A5D4DC#B4A6D5#C6AD6F#DDF0F0
- Angry Pasta Split-complementary Color Scheme#FFCC55#55DDFF#7755FF#FEB308#A6E7FF
- Anise Biscotti Split-complementary Color Scheme#E5D5AE#ADDAE3#ACACE6#D1B871#E8F4F7
- Another One Bites the Dust Split-complementary Color Scheme#C7BBA4#A4C3C5#AFA5C7#AD9773#D3E3E5
- Apricot Split-complementary Color Scheme#FFB16D#6FFFFF#7777FF#FF8822#BBFFFF
- Apricotta Split-complementary Color Scheme#D8A48F#8DD9CC#8B98D8#C57556#CAEDE4
- Artisans Gold Split-complementary Color Scheme#F2AB46#45E9FD#524EFB#DD8811#8AF1FE
- Ashes to Ashes Split-complementary Color Scheme#BBB3A2#9BBCC3#A598C4#A8946B#CADCDE
- Atomic Tangerine Split-complementary Color Scheme#FF9966#66EEEE#6688FF#FF6316#BBFFEE
- Attic Linen Split-complementary Color Scheme#CCBCA9#A7CAC9#ACA8CD#B09879#DAE7E9
Questions
What colors go with Smooth Pebbles?
In a split-complementary scheme: Cassiopeia (#AED0C9), Purple Freedom (#ACB0CA), Mazzone (#B0907C), Honesty (#DFEBE9).
What is the hex code of Smooth Pebbles?
#CABAB1.