Freshly Baked Complementary Color Scheme
Five colors arranged by the complementary rule around Freshly Baked (#E9C180), each snapped to its nearest named color.
#E9C180
#F7E7CD
#88ACE0
#307DD3
#D4E9F5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Freshly Baked | #E9C180 | 233, 193, 128 | 37°, 70%, 71% | 0, 17, 45, 9 | |
| Lunaria | #F7E7CD | 247, 231, 205 | 37°, 72%, 89% | 0, 6, 17, 3 | |
| Queer Blue | #88ACE0 | 136, 172, 224 | 215°, 59%, 71% | 39, 23, 0, 12 | |
| Soothing Sapphire | #307DD3 | 48, 125, 211 | 212°, 65%, 51% | 77, 41, 0, 17 | |
| Freezing Vapour | #D4E9F5 | 212, 233, 245 | 202°, 62%, 90% | 13, 5, 0, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F7E7CD on #307DD3 | 3.45:1 | AA large |
| Aa #307DD3 on #D4E9F5 | 3.35:1 | AA large |
| Aa #E9C180 on #307DD3 | 2.48:1 | — |
| Aa #F7E7CD on #88ACE0 | 1.91:1 | — |
| Aa #88ACE0 on #D4E9F5 | 1.86:1 | — |
| Aa #88ACE0 on #307DD3 | 1.80:1 | — |
CSS variables
:root {
--color-1: #e9c180; /* Freshly Baked */
--color-2: #f7e7cd; /* Lunaria */
--color-3: #88ace0; /* Queer Blue */
--color-4: #307dd3; /* Soothing Sapphire */
--color-5: #d4e9f5; /* Freezing Vapour */
}Other schemes from Freshly Baked
- Freshly Baked Analogous Color Scheme#E881A6#ED9080#E9C180#DFE384#BBEE88
- Freshly Baked Triadic Color Scheme#E9C180#90E4C1#CB82E3#F7EBD6#38C6A1
- Freshly Baked Split-complementary Color Scheme#E9C180#80DBEB#8F8CE7#DBA539#C4ECF0
- Freshly Baked Tetradic Color Scheme#E9C180#90EE90#88ACE0#EE88CC#F7EBD6
- Freshly Baked Monochromatic Color Scheme#A76F1F#DBA539#E9C180#F4E1C0#FBF4E8
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 Freshly Baked?
In a complementary scheme: Lunaria (#F7E7CD), Queer Blue (#88ACE0), Soothing Sapphire (#307DD3), Freezing Vapour (#D4E9F5).
What is the hex code of Freshly Baked?
#E9C180.