Petrichor Tetradic Color Scheme
Five colors arranged by the tetradic rule around Petrichor (#66CCCC), each snapped to its nearest named color.
#66CCCC
#9966CC
#CC6666
#93C96A
#B7E6E6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Petrichor | #66CCCC | 102, 204, 204 | 180°, 50%, 60% | 50, 0, 0, 20 | |
| Amethyst | #9966CC | 153, 102, 204 | 270°, 50%, 60% | 25, 50, 0, 20 | |
| Fuzzy Wuzzy | #CC6666 | 204, 102, 102 | 0°, 50%, 60% | 0, 50, 50, 20 | |
| Apple Orchard | #93C96A | 147, 201, 106 | 94°, 47%, 60% | 27, 0, 47, 21 | |
| Refreshing Pool | #B7E6E6 | 183, 230, 230 | 180°, 48%, 81% | 20, 0, 0, 10 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9966CC on #B7E6E6 | 3.02:1 | AA large |
| Aa #CC6666 on #B7E6E6 | 2.73:1 | — |
| Aa #66CCCC on #9966CC | 2.16:1 | — |
| Aa #9966CC on #93C96A | 2.11:1 | — |
| Aa #66CCCC on #CC6666 | 1.96:1 | — |
| Aa #CC6666 on #93C96A | 1.91:1 | — |
CSS variables
:root {
--color-1: #66cccc; /* Petrichor */
--color-2: #9966cc; /* Amethyst */
--color-3: #cc6666; /* Fuzzy Wuzzy */
--color-4: #93c96a; /* Apple Orchard */
--color-5: #b7e6e6; /* Refreshing Pool */
}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 Split-complementary Color Scheme#66CCCC#CC6699#CF9C63#34ACB1#DD9CBD
- Petrichor Monochromatic Color Scheme#2A6F73#34ACB1#66CCCC#9ADEDB#D8F1F4
More Light Teal tetradic palettes
- Aqua Fiesta Tetradic Color Scheme#96E2E1#BF94E4#E3969B#B2E191#E7FAFA
- Aquatic Tetradic Color Scheme#99C1CC#BD97CF#CDA59C#ABCA99#DDEBED
- Aquatic Edge Tetradic Color Scheme#BFD6D1#C4BBD6#D5BCC2#D0D8BE#F0F4F2
- Bambino Tetradic Color Scheme#8EDACC#AA8ED6#D68F9F#C3DB8D#DDF2EE
- Bath Water Tetradic Color Scheme#88EEEE#BF8FE5#EE8888#BBEE88#E0FEFE
- Beach Glass Tetradic Color Scheme#96DFCE#B19CD9#DD98A6#CCDE95#E2F7F1
- Bevelled Glass Tetradic Color Scheme#7ACCB8#8E72C7#CC7A8B#BACB7C#C1E6DF
- Blizzard Blue Tetradic Color Scheme#A3E3ED#DDAAEE#EBADA5#BEE7A5#E7FAFA
- Blue Eye Samurai Tetradic Color Scheme#75AEBD#A274B5#BE8774#8ABD7B#BCD7DF
- Catch the Wave Tetradic Color Scheme#B5DCD8#C4B7D8#DBB7BA#CBDCB7#ECF7F7
- Cerulean Skies Tetradic Color Scheme#8CC6CB#B090C7#CE8E8B#ABC88C#D3E9EC
- Clear Water Tetradic Color Scheme#AAD5DB#CAADD8#D9B1AA#B8DCA7#ECF7F7
Questions
What colors go with Petrichor?
In a tetradic scheme: Amethyst (#9966CC), Fuzzy Wuzzy (#CC6666), Apple Orchard (#93C96A), Refreshing Pool (#B7E6E6).
What is the hex code of Petrichor?
#66CCCC.