Fennel Flower Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Fennel Flower (#77AAFF), each snapped to its nearest named color.
#77AAFF
#FF8877
#F8FF73
#2C75FF
#FFCBC4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fennel Flower | #77AAFF | 119, 170, 255 | 218°, 100%, 73% | 53, 33, 0, 0 | |
| Play ’til Dawn | #FF8877 | 255, 136, 119 | 7°, 100%, 73% | 0, 47, 53, 0 | |
| Huáng Dì Yellow | #F8FF73 | 248, 255, 115 | 63°, 100%, 73% | 3, 0, 55, 0 | |
| Hailey Blue | #2C75FF | 44, 117, 255 | 219°, 100%, 59% | 83, 54, 0, 0 | |
| Piggy Dreams | #FFCBC4 | 255, 203, 196 | 7°, 100%, 88% | 0, 20, 23, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F8FF73 on #2C75FF | 3.84:1 | AA large |
| Aa #2C75FF on #FFCBC4 | 2.86:1 | — |
| Aa #77AAFF on #F8FF73 | 2.18:1 | — |
| Aa #FF8877 on #F8FF73 | 2.16:1 | — |
| Aa #FF8877 on #2C75FF | 1.77:1 | — |
| Aa #77AAFF on #2C75FF | 1.76:1 | — |
CSS variables
:root {
--color-1: #77aaff; /* Fennel Flower */
--color-2: #ff8877; /* Play ’til Dawn */
--color-3: #f8ff73; /* Huáng Dì Yellow */
--color-4: #2c75ff; /* Hailey Blue */
--color-5: #ffcbc4; /* Piggy Dreams */
}Other schemes from Fennel Flower
- Fennel Flower Complementary Color Scheme#77AAFF#D4EAFF#FFCC77#FCB02F#FFF2DE
- Fennel Flower Analogous Color Scheme#7BFDC7#6DEDFD#77AAFF#8273FD#CC77FF
- Fennel Flower Triadic Color Scheme#77AAFF#FF77AA#A9F971#DDEEFF#FF2277
- Fennel Flower Tetradic Color Scheme#77AAFF#FF77EE#FFCC77#7BE892#DDEEFF
- Fennel Flower Monochromatic Color Scheme#0055DD#2C75FF#77AAFF#CCDDFF#E8EEFE
More Light Blue split-complementary palettes
- Acapulco Dive Split-complementary Color Scheme#65A7DD#D76968#DCD867#2987C7#EBA0A7
- Adrift on the Nile Split-complementary Color Scheme#93B8E3#E29991#E5E896#518FD1#F5D1CF
- Airborne Split-complementary Color Scheme#A2C2D0#CFA2AD#D0C6A1#70A5B7#ECD5D9
- Arcane Brew Split-complementary Color Scheme#5260E1#E68750#A7E142#243BCD#E8B793
- Arctic Ice Split-complementary Color Scheme#B6BDD0#D2BBB2#CCD1B2#818DB3#F0E5E5
- Azureno Split-complementary Color Scheme#8FA0D5#D5A193#C3DB8D#5D76CB#EBCFC7
- Below Zero Split-complementary Color Scheme#87CDED#F08497#EAD988#4CA8E0#F8CAD5
- Birdie Num Num Split-complementary Color Scheme#89ACDA#DA8C87#D8DB8B#5383C3#EEC6C3
- Blank Stare Split-complementary Color Scheme#8B9CAC#B38380#B4B780#597695#CEB0B5
- Blue Bay Split-complementary Color Scheme#619AD6#D46362#D6D963#3473B7#E39E9C
- Blue Haze Split-complementary Color Scheme#BDBACE#D2C7B7#C1D0B2#9188B5#EFEDE6
- Blue Jay Split-complementary Color Scheme#5588DD#DD6655#D0D557#2266BB#E29D94
Questions
What colors go with Fennel Flower?
In a split-complementary scheme: Play ’til Dawn (#FF8877), Huáng Dì Yellow (#F8FF73), Hailey Blue (#2C75FF), Piggy Dreams (#FFCBC4).
What is the hex code of Fennel Flower?
#77AAFF.