Island Coral Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Island Coral (#D8877A), each snapped to its nearest named color.
#D8877A
#72D7B7
#739BD0
#C9543A
#B6E5D6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Island Coral | #D8877A | 216, 135, 122 | 8°, 55%, 66% | 0, 38, 44, 15 | |
| Peppy | #72D7B7 | 114, 215, 183 | 161°, 56%, 65% | 47, 0, 15, 16 | |
| Ice Blue | #739BD0 | 115, 155, 208 | 214°, 50%, 63% | 45, 25, 0, 18 | |
| Cinnamon Stone | #C9543A | 201, 84, 58 | 11°, 57%, 51% | 0, 58, 71, 21 | |
| Ode to Green | #B6E5D6 | 182, 229, 214 | 161°, 47%, 81% | 21, 0, 7, 10 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C9543A on #B6E5D6 | 3.15:1 | AA large |
| Aa #72D7B7 on #C9543A | 2.52:1 | — |
| Aa #739BD0 on #B6E5D6 | 2.07:1 | — |
| Aa #D8877A on #B6E5D6 | 1.98:1 | — |
| Aa #72D7B7 on #739BD0 | 1.65:1 | — |
| Aa #D8877A on #C9543A | 1.59:1 | — |
CSS variables
:root {
--color-1: #d8877a; /* Island Coral */
--color-2: #72d7b7; /* Peppy */
--color-3: #739bd0; /* Ice Blue */
--color-4: #c9543a; /* Cinnamon Stone */
--color-5: #b6e5d6; /* Ode to Green */
}Other schemes from Island Coral
- Island Coral Complementary Color Scheme#D8877A#EBC6C0#74CDD8#3FAFCF#CBEAEE
- Island Coral Analogous Color Scheme#CC77CC#D37C99#D8877A#D8B778#CCD87A
- Island Coral Triadic Color Scheme#D8877A#7BD181#9370DB#EFCDCB#31D652
- Island Coral Tetradic Color Scheme#D8877A#9CD572#74CDD8#B57EDC#EFCDCB
- Island Coral Monochromatic Color Scheme#8E3928#C9543A#D8877A#E7BCB4#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 Island Coral?
In a split-complementary scheme: Peppy (#72D7B7), Ice Blue (#739BD0), Cinnamon Stone (#C9543A), Ode to Green (#B6E5D6).
What is the hex code of Island Coral?
#D8877A.