Muted Clay Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Muted Clay (#CF8A78), each snapped to its nearest named color.
#CF8A78
#78D1B6
#7391CC
#B75E41
#AFE3D6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Muted Clay | #CF8A78 | 207, 138, 120 | 12°, 48%, 64% | 0, 33, 42, 19 | |
| Seafoam Blue | #78D1B6 | 120, 209, 182 | 162°, 49%, 65% | 43, 0, 13, 18 | |
| Organza Violet | #7391CC | 115, 145, 204 | 220°, 47%, 63% | 44, 29, 0, 20 | |
| Sun-Kissed Brick | #B75E41 | 183, 94, 65 | 15°, 48%, 49% | 0, 49, 64, 28 | |
| Ice Cube | #AFE3D6 | 175, 227, 214 | 165°, 48%, 79% | 23, 0, 6, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B75E41 on #AFE3D6 | 3.15:1 | AA large |
| Aa #78D1B6 on #B75E41 | 2.47:1 | — |
| Aa #7391CC on #AFE3D6 | 2.22:1 | — |
| Aa #CF8A78 on #AFE3D6 | 1.96:1 | — |
| Aa #78D1B6 on #7391CC | 1.74:1 | — |
| Aa #CF8A78 on #B75E41 | 1.61:1 | — |
CSS variables
:root {
--color-1: #cf8a78; /* Muted Clay */
--color-2: #78d1b6; /* Seafoam Blue */
--color-3: #7391cc; /* Organza Violet */
--color-4: #b75e41; /* Sun-Kissed Brick */
--color-5: #afe3d6; /* Ice Cube */
}Other schemes from Muted Clay
- Muted Clay Complementary Color Scheme#CF8A78#E8C3BE#75BFD2#41A0B4#C3E3EB
- Muted Clay Analogous Color Scheme#CD7DB5#CE7790#CF8A78#D1B375#BCCB7A
- Muted Clay Triadic Color Scheme#CF8A78#78CF86#8E72C7#E7CAC3#41B45C
- Muted Clay Tetradic Color Scheme#CF8A78#91CB7D#75BFD2#B57EDC#E7CAC3
- Muted Clay Monochromatic Color Scheme#873D30#B75E41#CF8A78#E2BCB3#F9ECEA
More Light Red split-complementary palettes
- Amour Split-complementary Color Scheme#EE5851#53FCA1#4F8FE6#DD180E#96FBC4
- Angry Flamingo Split-complementary Color Scheme#F04E45#53FCA1#4488EE#DD180E#96FBC4
- Anime Blush Split-complementary Color Scheme#FF7A83#7EFBB3#77CCFF#FF3333#CCFFDD
- Aphrodisiac Split-complementary Color Scheme#E35A63#58F898#5DADEC#D3212D#99EEBB
- Babe Split-complementary Color Scheme#DC7B7C#7BD9AD#7DABD8#D13B40#B2EED3
- Begonia Split-complementary Color Scheme#FA6E79#76FDA8#74BBFB#FF2233#B8F8D8
- Berrylicious Split-complementary Color Scheme#D75E6C#5CCD97#57A9D4#B52F3A#99E6B3
- Bite My Tongue Split-complementary Color Scheme#D47D72#78D1B1#6E99D1#BC4D39#B2E4D0
- Blood Burst Split-complementary Color Scheme#FF474C#58F898#46ADF9#F60206#96FBC4
- Blush Bomb Split-complementary Color Scheme#DD99AA#99DEAD#95CDD8#C7607B#D1F0DD
- Blush Hour Split-complementary Color Scheme#FF6F91#7BE892#76D6FF#FF2255#BDFFCA
- Boho Blush Split-complementary Color Scheme#E58787#8BE0BA#83BCE5#D3494E#D1F1DE
Questions
What colors go with Muted Clay?
In a split-complementary scheme: Seafoam Blue (#78D1B6), Organza Violet (#7391CC), Sun-Kissed Brick (#B75E41), Ice Cube (#AFE3D6).
What is the hex code of Muted Clay?
#CF8A78.