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
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Smooth Pebbles | #CABAB1 | 202, 186, 177 | 22°, 19%, 74% | 0, 8, 12, 21 | |
| White Dogwood | #EFEAE6 | 239, 234, 230 | 27°, 22%, 92% | 0, 2, 4, 6 | |
| Boot Cut | #AFC2CF | 175, 194, 207 | 204°, 25%, 75% | 15, 6, 0, 19 | |
| Blue Cascade | #7B9EB0 | 123, 158, 176 | 200°, 25%, 59% | 30, 10, 0, 31 | |
| Maui Mist | #EEF2F3 | 238, 242, 243 | 192°, 17%, 94% | 2, 0, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7B9EB0 on #EEF2F3 | 2.53:1 | — |
| Aa #EFEAE6 on #7B9EB0 | 2.39:1 | — |
| Aa #CABAB1 on #EEF2F3 | 1.67:1 | — |
| Aa #AFC2CF on #EEF2F3 | 1.63:1 | — |
| Aa #CABAB1 on #EFEAE6 | 1.57:1 | — |
| Aa #AFC2CF on #7B9EB0 | 1.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
- Smooth Pebbles Analogous Color Scheme#CCACC1#D3ADB1#CABAB1#CECBAE#C3CDB0
- Smooth Pebbles Triadic Color Scheme#CABAB1#ACD0BB#BCACCD#F4EFED#7AB091
- Smooth Pebbles Split-complementary Color Scheme#CABAB1#AED0C9#ACB0CA#B0907C#DFEBE9
- Smooth Pebbles Tetradic Color Scheme#CABAB1#B1CDAC#AFC2CF#C9AFD0#F4EFED
- Smooth Pebbles Monochromatic Color Scheme#85695B#A99582#CABAB1#EAE2DF#F6F2F1
More Light Orange complementary palettes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
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.