Toasted Husk Complementary Color Scheme
Five colors arranged by the complementary rule around Toasted Husk (#ED8A53), each snapped to its nearest named color.
#ED8A53
#F6C3A6
#5DADEC
#0E9BD1
#B1DBF5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Toasted Husk | #ED8A53 | 237, 138, 83 | 21°, 81%, 63% | 0, 42, 65, 7 | |
| Pink Beach | #F6C3A6 | 246, 195, 166 | 22°, 82%, 81% | 0, 21, 33, 4 | |
| Blue Jeans | #5DADEC | 93, 173, 236 | 206°, 79%, 65% | 61, 27, 0, 7 | |
| Structural Blue | #0E9BD1 | 14, 155, 209 | 197°, 87%, 44% | 93, 26, 0, 18 | |
| Endless Horizon | #B1DBF5 | 177, 219, 245 | 203°, 77%, 83% | 28, 11, 0, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0E9BD1 on #B1DBF5 | 2.16:1 | — |
| Aa #F6C3A6 on #0E9BD1 | 2.00:1 | — |
| Aa #ED8A53 on #B1DBF5 | 1.71:1 | — |
| Aa #5DADEC on #B1DBF5 | 1.65:1 | — |
| Aa #ED8A53 on #F6C3A6 | 1.59:1 | — |
| Aa #F6C3A6 on #5DADEC | 1.53:1 | — |
CSS variables
:root {
--color-1: #ed8a53; /* Toasted Husk */
--color-2: #f6c3a6; /* Pink Beach */
--color-3: #5dadec; /* Blue Jeans */
--color-4: #0e9bd1; /* Structural Blue */
--color-5: #b1dbf5; /* Endless Horizon */
}Other schemes from Toasted Husk
- Toasted Husk Analogous Color Scheme#FF55AA#E9546B#ED8A53#F0D555#B2EC5D
- Toasted Husk Triadic Color Scheme#ED8A53#58F898#904FEF#F4C9B1#11DD55
- Toasted Husk Split-complementary Color Scheme#ED8A53#5EE7DF#5566EE#DC571D#99EEEE
- Toasted Husk Tetradic Color Scheme#ED8A53#70F15E#5DADEC#CC55EE#F4C9B1
- Toasted Husk Monochromatic Color Scheme#994411#DC571D#ED8A53#F5B799#FBE9DE
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 Toasted Husk?
In a complementary scheme: Pink Beach (#F6C3A6), Blue Jeans (#5DADEC), Structural Blue (#0E9BD1), Endless Horizon (#B1DBF5).
What is the hex code of Toasted Husk?
#ED8A53.