Bittersweet Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Bittersweet (#FEA051), each snapped to its nearest named color.
#FEA051
#55FFFF
#5555FF
#FC7604
#99FFFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bittersweet | #FEA051 | 254, 160, 81 | 27°, 99%, 66% | 0, 37, 68, 0 | |
| Electric Sheep | #55FFFF | 85, 255, 255 | 180°, 100%, 67% | 67, 0, 0, 0 | |
| Shady Neon Blue | #5555FF | 85, 85, 255 | 240°, 100%, 67% | 67, 67, 0, 0 | |
| Butternut Squash | #FC7604 | 252, 118, 4 | 28°, 98%, 50% | 0, 53, 98, 1 | |
| Glitchy Shader Blue | #99FFFF | 153, 255, 255 | 180°, 100%, 80% | 40, 0, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5555FF on #99FFFF | 4.38:1 | AA large |
| Aa #55FFFF on #5555FF | 4.15:1 | AA large |
| Aa #FEA051 on #5555FF | 2.51:1 | — |
| Aa #FC7604 on #99FFFF | 2.34:1 | — |
| Aa #55FFFF on #FC7604 | 2.22:1 | — |
| Aa #5555FF on #FC7604 | 1.87:1 | — |
CSS variables
:root {
--color-1: #fea051; /* Bittersweet */
--color-2: #55ffff; /* Electric Sheep */
--color-3: #5555ff; /* Shady Neon Blue */
--color-4: #fc7604; /* Butternut Squash */
--color-5: #99ffff; /* Glitchy Shader Blue */
}Other schemes from Bittersweet
- Bittersweet Complementary Color Scheme#FEA051#FFD2AB#55AAFF#0088FF#BBDDFF
- Bittersweet Analogous Color Scheme#FF55AA#FF5555#FEA051#FFF953#AAFF55
- Bittersweet Triadic Color Scheme#FEA051#53FCA1#AA55FF#FFD6B8#00FF77
- Bittersweet Tetradic Color Scheme#FEA051#55FF55#55AAFF#FC53FC#FFD6B8
- Bittersweet Monochromatic Color Scheme#BB5500#FC7604#FEA051#FFCD9D#FFF1E8
More Light Orange split-complementary palettes
- 24 Karat Split-complementary Color Scheme#DFC685#83C7DF#8A83DA#CFAC47#C1E4F0
- 3AM Latte Split-complementary Color Scheme#C0A98E#8FBCC4#8A8DC4#A9855D#BCDBDB
- Ancestral Gold Split-complementary Color Scheme#DDCDA6#A5D4DC#B4A6D5#C6AD6F#DDF0F0
- Angry Pasta Split-complementary Color Scheme#FFCC55#55DDFF#7755FF#FEB308#A6E7FF
- Anise Biscotti Split-complementary Color Scheme#E5D5AE#ADDAE3#ACACE6#D1B871#E8F4F7
- Another One Bites the Dust Split-complementary Color Scheme#C7BBA4#A4C3C5#AFA5C7#AD9773#D3E3E5
- Apricot Split-complementary Color Scheme#FFB16D#6FFFFF#7777FF#FF8822#BBFFFF
- Apricotta Split-complementary Color Scheme#D8A48F#8DD9CC#8B98D8#C57556#CAEDE4
- Artisans Gold Split-complementary Color Scheme#F2AB46#45E9FD#524EFB#DD8811#8AF1FE
- Ashes to Ashes Split-complementary Color Scheme#BBB3A2#9BBCC3#A598C4#A8946B#CADCDE
- Atomic Tangerine Split-complementary Color Scheme#FF9966#66EEEE#6688FF#FF6316#BBFFEE
- Attic Linen Split-complementary Color Scheme#CCBCA9#A7CAC9#ACA8CD#B09879#DAE7E9
Questions
What colors go with Bittersweet?
In a split-complementary scheme: Electric Sheep (#55FFFF), Shady Neon Blue (#5555FF), Butternut Squash (#FC7604), Glitchy Shader Blue (#99FFFF).
What is the hex code of Bittersweet?
#FEA051.