Petrichor Triadic Color Scheme
Five colors arranged by the triadic rule around Petrichor (#66CCCC), each snapped to its nearest named color.
#66CCCC
#C364C5
#D5CE69
#B7E6E6
#B13AAD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Petrichor | #66CCCC | 102, 204, 204 | 180°, 50%, 60% | 50, 0, 0, 20 | |
| Purple Urn Orchid | #C364C5 | 195, 100, 197 | 299°, 46%, 58% | 1, 49, 0, 23 | |
| Force of Nature | #D5CE69 | 213, 206, 105 | 56°, 56%, 62% | 0, 3, 51, 16 | |
| Refreshing Pool | #B7E6E6 | 183, 230, 230 | 180°, 48%, 81% | 20, 0, 0, 10 | |
| Vivid Fuchsia | #B13AAD | 177, 58, 173 | 302°, 51%, 46% | 0, 67, 2, 31 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B7E6E6 on #B13AAD | 3.79:1 | AA large |
| Aa #D5CE69 on #B13AAD | 3.15:1 | AA large |
| Aa #66CCCC on #B13AAD | 2.72:1 | — |
| Aa #C364C5 on #B7E6E6 | 2.60:1 | — |
| Aa #C364C5 on #D5CE69 | 2.16:1 | — |
| Aa #66CCCC on #C364C5 | 1.86:1 | — |
CSS variables
:root {
--color-1: #66cccc; /* Petrichor */
--color-2: #c364c5; /* Purple Urn Orchid */
--color-3: #d5ce69; /* Force of Nature */
--color-4: #b7e6e6; /* Refreshing Pool */
--color-5: #b13aad; /* Vivid Fuchsia */
}Other schemes from Petrichor
- Petrichor Complementary Color Scheme#66CCCC#AFE4E2#CC6666#AC3B3B#E5B3B2
- Petrichor Analogous Color Scheme#62C46C#65CE95#66CCCC#6699CC#6F6ED1
- Petrichor Split-complementary Color Scheme#66CCCC#CC6699#CF9C63#34ACB1#DD9CBD
- Petrichor Tetradic Color Scheme#66CCCC#9966CC#CC6666#93C96A#B7E6E6
- Petrichor Monochromatic Color Scheme#2A6F73#34ACB1#66CCCC#9ADEDB#D8F1F4
More Light Teal triadic palettes
- Aqua Fiesta Triadic Color Scheme#96E2E1#EE99EE#E8E097#E7FAFA#DD55CC
- Aquatic Triadic Color Scheme#99C1CC#CD9BC4#C5CC9F#DDEBED#B768A2
- Aquatic Edge Triadic Color Scheme#BFD6D1#D3BED5#D8D0BD#F0F4F2#B28EBC
- Bambino Triadic Color Scheme#8EDACC#CC88DD#DAC98E#DDF2EE#BB55CC
- Bath Water Triadic Color Scheme#88EEEE#EE88EE#EEEE88#E0FEFE#E047E1
- Beach Glass Triadic Color Scheme#96DFCE#CC99DD#DECE96#E2F7F1#BB55CC
- Bevelled Glass Triadic Color Scheme#7ACCB8#B86FC2#C7B778#C1E6DF#9448B0
- Blizzard Blue Triadic Color Scheme#A3E3ED#E8A7E2#E1ECA5#E7FAFA#E760D2
- Blue Eye Samurai Triadic Color Scheme#75AEBD#BA7AB3#ACB977#BCD7DF#944E87
- Catch the Wave Triadic Color Scheme#B5DCD8#DEB7D9#DED9B4#ECF7F7#B48AC2
- Cerulean Skies Triadic Color Scheme#8CC6CB#C290C5#C8CB8E#D3E9EC#AE58AB
- Clear Water Triadic Color Scheme#AAD5DB#DAAFD1#D5DCA9#ECF7F7#CD7DB5
Questions
What colors go with Petrichor?
In a triadic scheme: Purple Urn Orchid (#C364C5), Force of Nature (#D5CE69), Refreshing Pool (#B7E6E6), Vivid Fuchsia (#B13AAD).
What is the hex code of Petrichor?
#66CCCC.