Petrichor Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Petrichor (#66CCCC), each snapped to its nearest named color.
#66CCCC
#CC6699
#CF9C63
#34ACB1
#DD9CBD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Petrichor | #66CCCC | 102, 204, 204 | 180°, 50%, 60% | 50, 0, 0, 20 | |
| Nocturnal Rose | #CC6699 | 204, 102, 153 | 330°, 50%, 60% | 0, 50, 25, 20 | |
| Oak Buff | #CF9C63 | 207, 156, 99 | 32°, 53%, 60% | 0, 25, 52, 19 | |
| Pluto | #34ACB1 | 52, 172, 177 | 182°, 55%, 45% | 71, 3, 0, 31 | |
| Pink Begonia | #DD9CBD | 221, 156, 189 | 330°, 49%, 74% | 0, 29, 14, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #66CCCC on #CC6699 | 1.87:1 | — |
| Aa #CC6699 on #DD9CBD | 1.61:1 | — |
| Aa #CC6699 on #CF9C63 | 1.45:1 | — |
| Aa #66CCCC on #34ACB1 | 1.44:1 | — |
| Aa #CC6699 on #34ACB1 | 1.30:1 | — |
| Aa #66CCCC on #CF9C63 | 1.29:1 | — |
CSS variables
:root {
--color-1: #66cccc; /* Petrichor */
--color-2: #cc6699; /* Nocturnal Rose */
--color-3: #cf9c63; /* Oak Buff */
--color-4: #34acb1; /* Pluto */
--color-5: #dd9cbd; /* Pink Begonia */
}Other schemes from Petrichor
- Petrichor Complementary Color Scheme#66CCCC#AFE4E2#CC6666#AC3B3B#E5B3B2
- Petrichor Analogous Color Scheme#62C46C#65CE95#66CCCC#6699CC#6F6ED1
- Petrichor Triadic Color Scheme#66CCCC#C364C5#D5CE69#B7E6E6#B13AAD
- Petrichor Tetradic Color Scheme#66CCCC#9966CC#CC6666#93C96A#B7E6E6
- Petrichor Monochromatic Color Scheme#2A6F73#34ACB1#66CCCC#9ADEDB#D8F1F4
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 Petrichor?
In a split-complementary scheme: Nocturnal Rose (#CC6699), Oak Buff (#CF9C63), Pluto (#34ACB1), Pink Begonia (#DD9CBD).
What is the hex code of Petrichor?
#66CCCC.