Baker’s Bread Complementary Color Scheme
Five colors arranged by the complementary rule around Baker’s Bread (#D0B393), each snapped to its nearest named color.
#D0B393
#ECE1D3
#95AED0
#5D89B3
#DAE4EE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Baker’s Bread | #D0B393 | 208, 179, 147 | 31°, 39%, 70% | 0, 14, 29, 18 | |
| Platinum Ogon Koi | #ECE1D3 | 236, 225, 211 | 34°, 40%, 88% | 0, 5, 11, 7 | |
| Dockside | #95AED0 | 149, 174, 208 | 215°, 39%, 70% | 28, 16, 0, 18 | |
| Lichen Blue | #5D89B3 | 93, 137, 179 | 209°, 36%, 53% | 48, 23, 0, 30 | |
| Iceberg | #DAE4EE | 218, 228, 238 | 210°, 37%, 89% | 8, 4, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5D89B3 on #DAE4EE | 2.86:1 | — |
| Aa #ECE1D3 on #5D89B3 | 2.86:1 | — |
| Aa #D0B393 on #5D89B3 | 1.85:1 | — |
| Aa #95AED0 on #DAE4EE | 1.76:1 | — |
| Aa #ECE1D3 on #95AED0 | 1.76:1 | — |
| Aa #95AED0 on #5D89B3 | 1.62:1 | — |
CSS variables
:root {
--color-1: #d0b393; /* Baker’s Bread */
--color-2: #ece1d3; /* Platinum Ogon Koi */
--color-3: #95aed0; /* Dockside */
--color-4: #5d89b3; /* Lichen Blue */
--color-5: #dae4ee; /* Iceberg */
}Other schemes from Baker’s Bread
- Baker’s Bread Analogous Color Scheme#D28FB0#D49595#D0B393#CECD95#B1CA95
- Baker’s Bread Triadic Color Scheme#D0B393#8FCDB0#B790D4#EFE5D9#5EB68D
- Baker’s Bread Split-complementary Color Scheme#D0B393#92D0D0#9999CC#B98C5D#C9E6E9
- Baker’s Bread Tetradic Color Scheme#D0B393#97D499#95AED0#CC99CC#EFE5D9
- Baker’s Bread Monochromatic Color Scheme#90673F#B98C5D#D0B393#E7D8C7#F8F4ED
More Light Orange complementary palettes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
Questions
What colors go with Baker’s Bread?
In a complementary scheme: Platinum Ogon Koi (#ECE1D3), Dockside (#95AED0), Lichen Blue (#5D89B3), Iceberg (#DAE4EE).
What is the hex code of Baker’s Bread?
#D0B393.