Sunburst Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sunburst (#F5B57B), each snapped to its nearest named color.
#F5B57B
#77EEEE
#7777EE
#EF8E38
#C3FBF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sunburst | #F5B57B | 245, 181, 123 | 29°, 86%, 72% | 0, 26, 50, 4 | |
| Dead Sea | #77EEEE | 119, 238, 238 | 180°, 78%, 70% | 50, 0, 0, 7 | |
| Hera Blue | #7777EE | 119, 119, 238 | 240°, 78%, 70% | 50, 50, 0, 7 | |
| Sun | #EF8E38 | 239, 142, 56 | 28°, 85%, 58% | 0, 41, 77, 6 | |
| Glacial Drift | #C3FBF4 | 195, 251, 244 | 173°, 88%, 87% | 22, 0, 3, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7777EE on #C3FBF4 | 3.26:1 | AA large |
| Aa #77EEEE on #7777EE | 2.70:1 | — |
| Aa #EF8E38 on #C3FBF4 | 2.14:1 | — |
| Aa #F5B57B on #7777EE | 2.08:1 | — |
| Aa #77EEEE on #EF8E38 | 1.77:1 | — |
| Aa #F5B57B on #C3FBF4 | 1.56:1 | — |
CSS variables
:root {
--color-1: #f5b57b; /* Sunburst */
--color-2: #77eeee; /* Dead Sea */
--color-3: #7777ee; /* Hera Blue */
--color-4: #ef8e38; /* Sun */
--color-5: #c3fbf4; /* Glacial Drift */
}Other schemes from Sunburst
- Sunburst Complementary Color Scheme#F5B57B#FAE4CE#74BBFB#318CE7#DBECFB
- Sunburst Analogous Color Scheme#F77FBE#FE7B7C#F5B57B#F2F27A#BEFD73
- Sunburst Triadic Color Scheme#F5B57B#7EFBB3#BF77F6#FEE9DA#2AF589
- Sunburst Tetradic Color Scheme#F5B57B#73FA79#74BBFB#F878F8#FEE9DA
- Sunburst Monochromatic Color Scheme#CC6611#EF8E38#F5B57B#FADDC4#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 Sunburst?
In a split-complementary scheme: Dead Sea (#77EEEE), Hera Blue (#7777EE), Sun (#EF8E38), Glacial Drift (#C3FBF4).
What is the hex code of Sunburst?
#F5B57B.