Citrus Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Citrus (#9FB70A), each snapped to its nearest named color.
#9FB70A
#0048BA
#6611AA
#6A6E09
#1F66FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Citrus | #9FB70A | 159, 183, 10 | 68°, 90%, 38% | 13, 0, 95, 28 | |
| Absolute Zero | #0048BA | 0, 72, 186 | 217°, 100%, 36% | 100, 61, 0, 27 | |
| Indiviolet Sunset | #6611AA | 102, 17, 170 | 273°, 82%, 37% | 40, 90, 0, 33 | |
| Brownish Green | #6A6E09 | 106, 110, 9 | 62°, 85%, 23% | 4, 0, 92, 57 | |
| Bluerocratic | #1F66FF | 31, 102, 255 | 221°, 100%, 56% | 88, 60, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9FB70A on #6611AA | 4.16:1 | AA large |
| Aa #9FB70A on #0048BA | 3.51:1 | AA large |
| Aa #9FB70A on #6A6E09 | 2.40:1 | — |
| Aa #9FB70A on #1F66FF | 2.10:1 | — |
| Aa #6611AA on #1F66FF | 1.98:1 | — |
| Aa #6611AA on #6A6E09 | 1.73:1 | — |
CSS variables
:root {
--color-1: #9fb70a; /* Citrus */
--color-2: #0048ba; /* Absolute Zero */
--color-3: #6611aa; /* Indiviolet Sunset */
--color-4: #6a6e09; /* Brownish Green */
--color-5: #1f66ff; /* Bluerocratic */
}Other schemes from Citrus
- Citrus Complementary Color Scheme#9FB70A#D5F534#2000B1#130173#4433EE
- Citrus Analogous Color Scheme#BB240C#BD7E08#9FB70A#55BB11#11BB22
- Citrus Triadic Color Scheme#9FB70A#009CB7#BB0099#D5F534#00606F
- Citrus Tetradic Color Scheme#9FB70A#0CB577#2000B1#B0054B#D5F534
- Citrus Monochromatic Color Scheme#222200#6A6E09#9FB70A#D0FE1D#E8ED69
More Dark Yellow split-complementary palettes
- Alligator Split-complementary Color Scheme#886600#006585#220088#3C3005#0099D1
- Augustus Asparagus Split-complementary Color Scheme#90AA0B#0044AA#6611AA#556600#1D5DEC
- Ayahuasca Vine Split-complementary Color Scheme#665500#004466#220066#1F180A#0075B3
- Bancha Split-complementary Color Scheme#666A47#455371#5C4671#3E3D29#5B7A9C
- Bay Leaf Split-complementary Color Scheme#86793D#3E6F87#4B3C8E#524B2A#5D98B3
- Beat Around the Bush Split-complementary Color Scheme#6E6A44#435A6F#544173#3E3D29#5A839E
- BioShock Split-complementary Color Scheme#889900#033B9A#5E0092#404C02#0055EE
- Capers Split-complementary Color Scheme#897A3E#3D7188#5B3E90#584C25#5D98B3
- Captain Kirk Split-complementary Color Scheme#9B870C#0A6B92#440099#544E03#1199EE
- Chorus of Frogs Split-complementary Color Scheme#8C9632#2E5894#663399#4B5D16#507BCE
- Countryside Split-complementary Color Scheme#A4A404#0853A7#5500AA#565C00#0078F8
- Crocodile Style Split-complementary Color Scheme#767437#375978#553A76#444411#4B81AF
Questions
What colors go with Citrus?
In a split-complementary scheme: Absolute Zero (#0048BA), Indiviolet Sunset (#6611AA), Brownish Green (#6A6E09), Bluerocratic (#1F66FF).
What is the hex code of Citrus?
#9FB70A.