Fogtown Triadic Color Scheme
Five colors arranged by the triadic rule around Fogtown (#EEF0E7), each snapped to its nearest named color.
#EEF0E7
#E6EFEF
#F1E8EC
#F4F4F0
#B5CED4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fogtown | #EEF0E7 | 238, 240, 231 | 73°, 23%, 92% | 1, 0, 4, 6 | |
| Sheikh Zayed White | #E6EFEF | 230, 239, 239 | 180°, 22%, 92% | 4, 0, 0, 6 | |
| Rose Fantasy | #F1E8EC | 241, 232, 236 | 333°, 24%, 93% | 0, 4, 2, 5 | |
| Classic Chalk | #F4F4F0 | 244, 244, 240 | 60°, 15%, 95% | 0, 0, 2, 4 | |
| Starlight Blue | #B5CED4 | 181, 206, 212 | 192°, 26%, 77% | 15, 3, 0, 17 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F4F4F0 on #B5CED4 | 1.49:1 | — |
| Aa #EEF0E7 on #B5CED4 | 1.43:1 | — |
| Aa #E6EFEF on #B5CED4 | 1.41:1 | — |
| Aa #F1E8EC on #B5CED4 | 1.37:1 | — |
| Aa #F1E8EC on #F4F4F0 | 1.09:1 | — |
| Aa #E6EFEF on #F4F4F0 | 1.06:1 | — |
CSS variables
:root {
--color-1: #eef0e7; /* Fogtown */
--color-2: #e6efef; /* Sheikh Zayed White */
--color-3: #f1e8ec; /* Rose Fantasy */
--color-4: #f4f4f0; /* Classic Chalk */
--color-5: #b5ced4; /* Starlight Blue */
}Other schemes from Fogtown
- Fogtown Complementary Color Scheme#EEF0E7#F4F4F0#E9E9F0#BFB9D4#F3F1F3
- Fogtown Analogous Color Scheme#F0EAE7#F0EDE7#EEF0E7#EAF1E6#E6F0EA
- Fogtown Split-complementary Color Scheme#EEF0E7#E9E9F0#ECE7F2#D0D3B7#EEF2F3
- Fogtown Tetradic Color Scheme#EEF0E7#E6EFEF#E9E9F0#EFE8E8#F4F4F0
- Fogtown Monochromatic Color Scheme#ABB486#D0D3B7#EEF0E7#F4F4F0#F4F4F0
More Very Light Green triadic palettes
- Airy Fields Triadic Color Scheme#DBE0C4#C5DCE0#E1C6D6#F4F7EE#95BCC5
- Ambrosia Triadic Color Scheme#C6E1BC#BBC5E2#E4BDC2#F1F8EC#8895C5
- Amnesiac White Triadic Color Scheme#F8FBEB#E8F7FD#FCEBFA#F8FBEB#ACE1F0
- Arabica Mint Triadic Color Scheme#C0FFEE#EFC0FE#FFEFC1#E7FAFA#DF73FF
- Bath Bubbles Triadic Color Scheme#E6F2EA#ECE7F2#F2EBE6#EFF5F1#C0B2D7
- Bethlehem Superstar Triadic Color Scheme#EAEEDA#DBEAED#EDDBE9#F4F7EE#A6CCD6
- Blissful Serenity Triadic Color Scheme#EAEED8#DAEBEF#EFD7E7#F6F7ED#A1CED7
- Breath of Celery Triadic Color Scheme#DCE7CB#C9DCE7#E6CCDD#F4F7EE#9CBACD
- Candied Snow Triadic Color Scheme#D8FFF3#EEDDFF#FFF2D7#EBFCF5#D783FF
- Caribbean Triadic Color Scheme#CAF0E5#EECCEE#F1E4CB#E9F9F5#CC88DD
- Clair de Lune Triadic Color Scheme#DBE9DF#DCDDE7#E8DEDB#EFF5F1#B4AECC
- Creamy Garlic Triadic Color Scheme#ECEFE3#E3ECED#EEE1EB#F4F7EE#B4CBD4
Questions
What colors go with Fogtown?
In a triadic scheme: Sheikh Zayed White (#E6EFEF), Rose Fantasy (#F1E8EC), Classic Chalk (#F4F4F0), Starlight Blue (#B5CED4).
What is the hex code of Fogtown?
#EEF0E7.