White Chocolate Analogous Color Scheme
Five colors arranged by the analogous rule around White Chocolate (#F0E3C7), each snapped to its nearest named color.
#EEC8D3
#F2CCC5
#F0E3C7
#EDEEC5
#D8F1CB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pale Primrose | #EEC8D3 | 238, 200, 211 | 343°, 53%, 86% | 0, 16, 11, 7 | |
| Oleander | #F2CCC5 | 242, 204, 197 | 9°, 63%, 86% | 0, 16, 19, 5 | |
| White Chocolate | #F0E3C7 | 240, 227, 199 | 41°, 58%, 86% | 0, 5, 17, 6 | |
| Oh Dahling | #EDEEC5 | 237, 238, 197 | 61°, 55%, 85% | 0, 0, 17, 7 | |
| Fresh Lime | #D8F1CB | 216, 241, 203 | 99°, 58%, 87% | 10, 0, 16, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EEC8D3 on #EDEEC5 | 1.27:1 | — |
| Aa #EEC8D3 on #D8F1CB | 1.25:1 | — |
| Aa #F2CCC5 on #EDEEC5 | 1.24:1 | — |
| Aa #F2CCC5 on #D8F1CB | 1.22:1 | — |
| Aa #EEC8D3 on #F0E3C7 | 1.19:1 | — |
| Aa #F2CCC5 on #F0E3C7 | 1.16:1 | — |
CSS variables
:root {
--color-1: #eec8d3; /* Pale Primrose */
--color-2: #f2ccc5; /* Oleander */
--color-3: #f0e3c7; /* White Chocolate */
--color-4: #edeec5; /* Oh Dahling */
--color-5: #d8f1cb; /* Fresh Lime */
}Other schemes from White Chocolate
- White Chocolate Complementary Color Scheme#F0E3C7#FAF6EA#C5D6EE#88ACE0#E8EFF8
- White Chocolate Triadic Color Scheme#F0E3C7#C8EFE2#EEC3EE#FAF6EA#8FE0C6
- White Chocolate Split-complementary Color Scheme#F0E3C7#C5E8EE#CEC8EF#E1C38B#EEF7FA
- White Chocolate Tetradic Color Scheme#F0E3C7#C9F0D1#C5D6EE#EFC9EC#FAF6EA
- White Chocolate Monochromatic Color Scheme#D0A54E#E1C38B#F0E3C7#FAF6EA#FAF6EA
More Very Light Orange analogous palettes
- A Smell of Bakery Analogous Color Scheme#F5DAE3#F3DBD9#F3E9D9#F1F3DA#E2F4D7
- Acropolis Analogous Color Scheme#F2CFE0#F6CBCA#F8E2CA#F7F7CB#EAF7C9
- Air-Kiss Analogous Color Scheme#F8D0E8#F7D2D8#F6DCD2#F6EED1#ECF4D2
- Albescent Analogous Color Scheme#E1C9D1#E3D1CC#E1DACB#DFE1CC#D2E3CC
- Almond Analogous Color Scheme#EDC9D8#ECC9CA#EDDCC8#EDEDC7#DAECC5
- Almond Brittle Analogous Color Scheme#E6BCCD#E5BEBA#E5D3B9#E6E6BC#C8E4B9
- Alpaca Analogous Color Scheme#FAE2ED#FAE3E3#F9EDE2#FBF9E1#EBF7E4
- Ancient Scroll Analogous Color Scheme#F2CFDC#EFD5CF#F0E4D1#EEF0D1#DAEED3
- Angel Wing Analogous Color Scheme#F4D8E8#F4D7DC#F3DFD7#F2EDD7#ECF3D8
- Angelic White Analogous Color Scheme#F5E3EA#F4E4E5#F4EDE4#F5F5E4#EAF3E6
- Apricot Freeze Analogous Color Scheme#F5B9D8#F0B9BE#F3CFB7#F6EDB6#D9EEB4
- Apricot Sherbet Analogous Color Scheme#FF99CC#FF9999#FBCD9F#FCFC9D#C1FD95
Questions
What colors go with White Chocolate?
In a analogous scheme: Pale Primrose (#EEC8D3), Oleander (#F2CCC5), Oh Dahling (#EDEEC5), Fresh Lime (#D8F1CB).
What is the hex code of White Chocolate?
#F0E3C7.