Sunflower Mango Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sunflower Mango (#FFB700), each snapped to its nearest named color.
#FFB700
#00CCFF
#3F00FF
#BE8400
#4CD5FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Sunflower Mango | #FFB700 | 255, 183, 0 | 43°, 100%, 50% | 0, 28, 100, 0 | 82.5% 0.171 80 | |
| Vivid Sky Blue | #00CCFF | 0, 204, 255 | 192°, 100%, 50% | 100, 20, 0, 0 | 78.6% 0.148 224 | |
| Electric Ultramarine | #3F00FF | 63, 0, 255 | 255°, 100%, 50% | 75, 100, 0, 0 | 47.3% 0.301 274 | |
| Yellow Gold | #BE8400 | 190, 132, 0 | 42°, 100%, 37% | 0, 31, 100, 25 | 65.5% 0.137 78 | |
| Libra Blue Morpho | #4CD5FF | 76, 213, 255 | 194°, 100%, 65% | 70, 16, 0, 0 | 81.6% 0.129 222 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3F00FF on #4CD5FF | 4.62:1 | AA |
| Aa #FFB700 on #3F00FF | 4.53:1 | AA |
| Aa #00CCFF on #3F00FF | 4.17:1 | AA large |
| Aa #3F00FF on #BE8400 | 2.44:1 | — |
| Aa #BE8400 on #4CD5FF | 1.89:1 | — |
| Aa #FFB700 on #BE8400 | 1.85:1 | — |
CSS variables
:root {
--color-1: #ffb700; /* Sunflower Mango */
--color-2: #00ccff; /* Vivid Sky Blue */
--color-3: #3f00ff; /* Electric Ultramarine */
--color-4: #be8400; /* Yellow Gold */
--color-5: #4cd5ff; /* Libra Blue Morpho */
}Other schemes from Sunflower Mango
- Sunflower Mango Complementary Color Scheme#FFB700#FFD15C#0247FE#0033BB#6688FF
- Sunflower Mango Analogous Color Scheme#FF0044#FF3800#FFB700#C8FF00#4AFF00
- Sunflower Mango Triadic Color Scheme#FFB700#00FFBB#B300FF#FFD266#00AA81
- Sunflower Mango Tetradic Color Scheme#FFB700#00FF33#0247FE#FF00CC#FFD266
- Sunflower Mango Monochromatic Color Scheme#664400#BE8400#FFB700#FECE4E#FFE29B
More medium orange split-complementary color schemes
- 24 Carrot Split-complementary Color Scheme#E56E24#25E2CD#273BE2#AD4E1A#6FE7DB
- À l’Orange Split-complementary Color Scheme#F2850D#11EEEE#150AEC#A75E09#56F7F3
- Acorn Split-complementary Color Scheme#7F5E50#43817A#4E5481#533B32#74A69B
- Amaretto Sour Split-complementary Color Scheme#C09856#56B3C3#6258C4#976F3C#8ECED8
- Amber Split-complementary Color Scheme#FFBF00#00BFFF#3F00FF#BB8800#4CD5FF
- Apocalyptic Orange Split-complementary Color Scheme#F4711E#08E8DE#152EFF#BB5511#66EEEE
- Arancio Split-complementary Color Scheme#FF7013#11FFEE#152EFF#C65102#65FFFF
- Argan Oil Split-complementary Color Scheme#9D6646#4A9C95#445599#6A432D#71BAB4
- Arrakis Spice Split-complementary Color Scheme#BB8246#43BCBE#4A40AD#825E2F#7FD3D3
- Arrowwood Split-complementary Color Scheme#B3861E#1E98AE#3A18B1#775511#34B5D5
- Atomic Orange Split-complementary Color Scheme#F88605#01F1F1#0C06F7#B25F03#53F6FF
- Autumnal Split-complementary Color Scheme#AD5928#25AE8E#2138AB#72371C#48D1CC
Questions
What colors go with Sunflower Mango?
In a split-complementary scheme: Vivid Sky Blue (#00CCFF), Electric Ultramarine (#3F00FF), Yellow Gold (#BE8400), Libra Blue Morpho (#4CD5FF).
What is the hex code of Sunflower Mango?
#FFB700.