Brink Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Brink Pink (#FB607F), each snapped to its nearest named color.
#FB607F
#64E986
#66CCFF
#FF1144
#AAFFCC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Brink Pink | #FB607F | 251, 96, 127 | 348°, 95%, 68% | 0, 62, 49, 2 | |
| Grotesque Green | #64E986 | 100, 233, 134 | 135°, 75%, 65% | 57, 0, 42, 9 | |
| Skyan | #66CCFF | 102, 204, 255 | 200°, 100%, 70% | 60, 20, 0, 0 | |
| Rich Red | #FF1144 | 255, 17, 68 | 347°, 100%, 53% | 0, 93, 73, 0 | |
| Neo Mint | #AAFFCC | 170, 255, 204 | 144°, 100%, 83% | 33, 0, 20, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF1144 on #AAFFCC | 3.30:1 | AA large |
| Aa #FB607F on #AAFFCC | 2.53:1 | — |
| Aa #64E986 on #FF1144 | 2.50:1 | — |
| Aa #66CCFF on #FF1144 | 2.15:1 | — |
| Aa #FB607F on #64E986 | 1.91:1 | — |
| Aa #FB607F on #66CCFF | 1.64:1 | — |
CSS variables
:root {
--color-1: #fb607f; /* Brink Pink */
--color-2: #64e986; /* Grotesque Green */
--color-3: #66ccff; /* Skyan */
--color-4: #ff1144; /* Rich Red */
--color-5: #aaffcc; /* Neo Mint */
}Other schemes from Brink Pink
- Brink Pink Complementary Color Scheme#FB607F#FDBAC4#73FCD6#01F9C6#C3FBF4
- Brink Pink Analogous Color Scheme#C760FF#FF66CC#FB607F#FD8B60#FCDF63
- Brink Pink Triadic Color Scheme#FB607F#75FD63#6A79F7#FFC1D0#40FD14
- Brink Pink Tetradic Color Scheme#FB607F#D4FB79#73FCD6#8866FF#FFC1D0
- Brink Pink Monochromatic Color Scheme#BA0728#FF1144#FB607F#FFAABB#FFE6EC
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 Brink Pink?
In a split-complementary scheme: Grotesque Green (#64E986), Skyan (#66CCFF), Rich Red (#FF1144), Neo Mint (#AAFFCC).
What is the hex code of Brink Pink?
#FB607F.