Punched Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Punched Pink (#B68692), each snapped to its nearest named color.
#B68692
#86B394
#84AAB8
#8E5B68
#B5D1BE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Punched Pink | #B68692 | 182, 134, 146 | 345°, 25%, 62% | 0, 26, 20, 29 | 67.0% 0.061 2 | |
| King Theo | #86B394 | 134, 179, 148 | 139°, 23%, 61% | 25, 0, 17, 30 | 72.6% 0.066 154 | |
| Summerhouse Blue | #84AAB8 | 132, 170, 184 | 196°, 27%, 62% | 28, 8, 0, 28 | 71.5% 0.046 222 | |
| Cabernet | #8E5B68 | 142, 91, 104 | 345°, 22%, 46% | 0, 36, 27, 44 | 53.1% 0.069 3 | |
| Pitcher | #B5D1BE | 181, 209, 190 | 139°, 23%, 76% | 13, 0, 9, 18 | 83.5% 0.040 156 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8E5B68 on #B5D1BE | 3.34:1 | AA large |
| Aa #86B394 on #8E5B68 | 2.31:1 | — |
| Aa #84AAB8 on #8E5B68 | 2.19:1 | — |
| Aa #B68692 on #B5D1BE | 1.88:1 | — |
| Aa #B68692 on #8E5B68 | 1.77:1 | — |
| Aa #84AAB8 on #B5D1BE | 1.52:1 | — |
CSS variables
:root {
--color-1: #b68692; /* Punched Pink */
--color-2: #86b394; /* King Theo */
--color-3: #84aab8; /* Summerhouse Blue */
--color-4: #8e5b68; /* Cabernet */
--color-5: #b5d1be; /* Pitcher */
}Other schemes from Punched Pink
- Punched Pink Complementary Color Scheme#B68692#D8BFC8#88B2A9#5A9589#C7DDD6
- Punched Pink Analogous Color Scheme#A885B5#BA87AA#B68692#B69289#B7AC87
- Punched Pink Triadic Color Scheme#B68692#95B388#8E90B4#DEC3C9#69905B
- Punched Pink Tetradic Color Scheme#B68692#ABB486#88B2A9#9188B5#DEC3C9
- Punched Pink Monochromatic Color Scheme#643B46#8E5B68#B68692#D2B6BE#EFE4E9
More light red split-complementary color schemes
- 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 Punched Pink?
In a split-complementary scheme: King Theo (#86B394), Summerhouse Blue (#84AAB8), Cabernet (#8E5B68), Pitcher (#B5D1BE).
What is the hex code of Punched Pink?
#B68692.