Citrus Splash Triadic Color Scheme
Five colors arranged by the triadic rule around Citrus Splash (#FFC400), each snapped to its nearest named color.
#FFC400
#01F9C6
#CC00FF
#FFDD66
#06B48B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Citrus Splash | #FFC400 | 255, 196, 0 | 46°, 100%, 50% | 0, 23, 100, 0 | |
| Bright Teal | #01F9C6 | 1, 249, 198 | 168°, 99%, 49% | 100, 0, 20, 2 | |
| Vivid Orchid | #CC00FF | 204, 0, 255 | 288°, 100%, 50% | 20, 100, 0, 0 | |
| Lemon Tart | #FFDD66 | 255, 221, 102 | 47°, 100%, 70% | 0, 13, 60, 0 | |
| Chromophobia Green | #06B48B | 6, 180, 139 | 166°, 94%, 36% | 97, 0, 23, 29 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC00FF on #FFDD66 | 3.15:1 | AA large |
| Aa #01F9C6 on #CC00FF | 3.07:1 | AA large |
| Aa #FFC400 on #CC00FF | 2.62:1 | — |
| Aa #FFDD66 on #06B48B | 2.00:1 | — |
| Aa #01F9C6 on #06B48B | 1.94:1 | — |
| Aa #FFC400 on #06B48B | 1.66:1 | — |
CSS variables
:root {
--color-1: #ffc400; /* Citrus Splash */
--color-2: #01f9c6; /* Bright Teal */
--color-3: #cc00ff; /* Vivid Orchid */
--color-4: #ffdd66; /* Lemon Tart */
--color-5: #06b48b; /* Chromophobia Green */
}Other schemes from Citrus Splash
- Citrus Splash Complementary Color Scheme#FFC400#FED95D#003AFF#0022BB#6688FF
- Citrus Splash Analogous Color Scheme#FE023C#FF4500#FFC400#BBFF00#3FFF00
- Citrus Splash Split-complementary Color Scheme#FFC400#00BBFF#4400FF#BB8800#4CD5FF
- Citrus Splash Tetradic Color Scheme#FFC400#00FF40#003AFF#FF00BB#FFDD66
- Citrus Splash Monochromatic Color Scheme#645403#BB8800#FFC400#FFD84D#FFE69A
More Medium Yellow triadic palettes
- A Frond in Need Triadic Color Scheme#9F9978#72A49F#9C6DA5#CECBAE#497F73
- Amazon Queen Triadic Color Scheme#948F54#52928D#8B4F90#BDB98F#3C6461
- Angel’s Trumpet Triadic Color Scheme#F6DD34#3AFDDB#DD33FF#F8EB97#04D8B2
- Antique Triadic Color Scheme#8B846D#5E9B8A#875F9A#C2B99D#446B61
- Backroom Ember Triadic Color Scheme#A19250#53A391#9A4EAE#C3BC90#376D64
- Bamboo Forest Triadic Color Scheme#B1A979#79AFAD#AB7CB4#D7D2B8#538B89
- Banana Bandanna Triadic Color Scheme#F8F739#33FFFF#FF33FF#FCFC9D#11DDDD
- Banana Bombshell Triadic Color Scheme#F7E82E#26F7FD#ED24ED#F6F493#09CDCD
- Banana Brick Triadic Color Scheme#E8D82C#25E2CD#DD33FF#F2E887#0AAFA4
- Banana Flash Triadic Color Scheme#EEFE02#00EEFF#FF08E8#F1FF62#01A7B2
- Banana King Triadic Color Scheme#FFFB08#0FFEF9#FF09FF#FFFE71#00B5B8
- Banana Pepper Triadic Color Scheme#FDD630#32FFDC#DD33FF#FFE696#00DEAD
Questions
What colors go with Citrus Splash?
In a triadic scheme: Bright Teal (#01F9C6), Vivid Orchid (#CC00FF), Lemon Tart (#FFDD66), Chromophobia Green (#06B48B).
What is the hex code of Citrus Splash?
#FFC400.