White Chocolate Tetradic Color Scheme
Five colors arranged by the tetradic rule around White Chocolate (#F0E3C7), each snapped to its nearest named color.
#F0E3C7
#C9F0D1
#C5D6EE
#EFC9EC
#FAF6EA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| White Chocolate | #F0E3C7 | 240, 227, 199 | 41°, 58%, 86% | 0, 5, 17, 6 | |
| Pickford | #C9F0D1 | 201, 240, 209 | 132°, 57%, 86% | 16, 0, 13, 6 | |
| Murano Soft Blue | #C5D6EE | 197, 214, 238 | 215°, 55%, 85% | 17, 10, 0, 7 | |
| Sugar High | #EFC9EC | 239, 201, 236 | 305°, 54%, 86% | 0, 16, 1, 6 | |
| Clear Moon | #FAF6EA | 250, 246, 234 | 45°, 62%, 95% | 0, 2, 6, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C5D6EE on #FAF6EA | 1.37:1 | — |
| Aa #EFC9EC on #FAF6EA | 1.37:1 | — |
| Aa #C9F0D1 on #C5D6EE | 1.19:1 | — |
| Aa #C9F0D1 on #EFC9EC | 1.18:1 | — |
| Aa #F0E3C7 on #FAF6EA | 1.18:1 | — |
| Aa #F0E3C7 on #C5D6EE | 1.16:1 | — |
CSS variables
:root {
--color-1: #f0e3c7; /* White Chocolate */
--color-2: #c9f0d1; /* Pickford */
--color-3: #c5d6ee; /* Murano Soft Blue */
--color-4: #efc9ec; /* Sugar High */
--color-5: #faf6ea; /* Clear Moon */
}Other schemes from White Chocolate
- White Chocolate Complementary Color Scheme#F0E3C7#FAF6EA#C5D6EE#88ACE0#E8EFF8
- White Chocolate Analogous Color Scheme#EEC8D3#F2CCC5#F0E3C7#EDEEC5#D8F1CB
- White Chocolate Triadic Color Scheme#F0E3C7#C8EFE2#EEC3EE#FAF6EA#8FE0C6
- White Chocolate Split-complementary Color Scheme#F0E3C7#C5E8EE#CEC8EF#E1C38B#EEF7FA
- White Chocolate Monochromatic Color Scheme#D0A54E#E1C38B#F0E3C7#FAF6EA#FAF6EA
More Very Light Orange tetradic palettes
- A Smell of Bakery Tetradic Color Scheme#F3E9D9#D8F2DC#D8E1F1#F4DAF1#F8F4ED
- Acropolis Tetradic Color Scheme#F8E2CA#C8F3CD#C6E3F7#FCCCF5#FBF4E8
- Air-Kiss Tetradic Color Scheme#F6DCD2#D8F3D7#D4E9F5#E8CEF6#FAEFE9
- Albescent Tetradic Color Scheme#E1DACB#C9E2CF#CBD1E1#E3CCDC#F6F4EF
- Almond Tetradic Color Scheme#EDDCC8#CBEFCB#C7DAED#EFC9EC#F8F4ED
- Almond Brittle Tetradic Color Scheme#E5D3B9#BBE6BB#B8CBE5#F1BFE2#F8F4ED
- Alpaca Tetradic Color Scheme#F9EDE2#E2F5E1#E0EBFA#F6E5F6#F8F1EB
- Ancient Scroll Tetradic Color Scheme#F0E4D1#D2EED6#D2DEF2#F0D5EA#F8F4ED
- Angel Wing Tetradic Color Scheme#F3DFD7#DBF4D8#D5EAF2#EED5EE#FAEFE9
- Angelic White Tetradic Color Scheme#F4EDE4#E3F5E5#E2ECF2#F2E4F5#F8F4ED
- Apricot Freeze Tetradic Color Scheme#F3CFB7#B8F8B8#B8DEF2#EEBBEE#FAEFE9
- Apricot Sherbet Tetradic Color Scheme#FBCD9F#98FB98#99CCFF#FF99FF#FFF1E8
Questions
What colors go with White Chocolate?
In a tetradic scheme: Pickford (#C9F0D1), Murano Soft Blue (#C5D6EE), Sugar High (#EFC9EC), Clear Moon (#FAF6EA).
What is the hex code of White Chocolate?
#F0E3C7.