Cyantific Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cyantific (#77C9C2), each snapped to its nearest named color.
#77C9C2
#C677A8
#CC9977
#49B3A5
#DFABCD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cyantific | #77C9C2 | 119, 201, 194 | 175°, 43%, 63% | 41, 0, 3, 21 | |
| Strawberry Freeze | #C677A8 | 198, 119, 168 | 323°, 41%, 62% | 0, 40, 15, 22 | |
| Sweet Almond | #CC9977 | 204, 153, 119 | 24°, 45%, 63% | 0, 25, 42, 20 | |
| Sacred Turquoise | #49B3A5 | 73, 179, 165 | 172°, 42%, 49% | 59, 0, 8, 30 | |
| Dreamy Pink | #DFABCD | 223, 171, 205 | 321°, 45%, 77% | 0, 23, 8, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #77C9C2 on #C677A8 | 1.65:1 | — |
| Aa #C677A8 on #DFABCD | 1.64:1 | — |
| Aa #77C9C2 on #49B3A5 | 1.32:1 | — |
| Aa #49B3A5 on #DFABCD | 1.31:1 | — |
| Aa #77C9C2 on #CC9977 | 1.30:1 | — |
| Aa #CC9977 on #DFABCD | 1.29:1 | — |
CSS variables
:root {
--color-1: #77c9c2; /* Cyantific */
--color-2: #c677a8; /* Strawberry Freeze */
--color-3: #cc9977; /* Sweet Almond */
--color-4: #49b3a5; /* Sacred Turquoise */
--color-5: #dfabcd; /* Dreamy Pink */
}Other schemes from Cyantific
- Cyantific Complementary Color Scheme#77C9C2#BCE3DF#C3797F#B4474D#E8C1C2
- Cyantific Analogous Color Scheme#7CCA6B#77CC99#77C9C2#7AA8CB#7777CC
- Cyantific Triadic Color Scheme#77C9C2#CC77CC#C7C176#C2E5E5#A442A0
- Cyantific Tetradic Color Scheme#77C9C2#9470C4#C3797F#A6C875#C2E5E5
- Cyantific Monochromatic Color Scheme#317873#49B3A5#77C9C2#ACDFDD#E6F1F1
More Light Teal split-complementary palettes
- Aqua Fiesta Split-complementary Color Scheme#96E2E1#E899BE#E0BB96#58CFD4#F2D4E2
- Aquatic Split-complementary Color Scheme#99C1CC#CC99AA#CDBE96#66A4B0#E4CCD4
- Aquatic Edge Split-complementary Color Scheme#BFD6D1#D9BFCE#DAC5BD#89BAB2#F5F0F1
- Bambino Split-complementary Color Scheme#8EDACC#DA93C1#D8A48F#58C8B6#EFC6E1
- Bath Water Split-complementary Color Scheme#88EEEE#FF88BB#EEBB88#45E9FD#F5CEE6
- Beach Glass Split-complementary Color Scheme#96DFCE#DE9BC4#DDA896#58CEB2#EECEE6
- Bevelled Glass Split-complementary Color Scheme#7ACCB8#CD7DB5#CB8F7B#42B395#E4ADD3
- Blizzard Blue Split-complementary Color Scheme#A3E3ED#F0A3BC#EDD2A3#6CDAE7#FAE2ED
- Blue Eye Samurai Split-complementary Color Scheme#75AEBD#BB7788#BEA775#49889A#D8AAB7
- Catch the Wave Split-complementary Color Scheme#B5DCD8#DAB6CD#DAC5B6#89C1BA#F4EAF0
- Cerulean Skies Split-complementary Color Scheme#8CC6CB#C88CA4#CBB08C#52A8B2#E2C3CF
- Clear Water Split-complementary Color Scheme#AAD5DB#DDAABB#D9C7AA#73B7C2#F1E0E8
Questions
What colors go with Cyantific?
In a split-complementary scheme: Strawberry Freeze (#C677A8), Sweet Almond (#CC9977), Sacred Turquoise (#49B3A5), Dreamy Pink (#DFABCD).
What is the hex code of Cyantific?
#77C9C2.