Malibu Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Malibu (#66B7E1), each snapped to its nearest named color.
#66B7E1
#E1697C
#E5CC69
#2A96D5
#F0A8B5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Malibu | #66B7E1 | 102, 183, 225 | 200°, 67%, 64% | 55, 19, 0, 12 | |
| Slice of Watermelon | #E1697C | 225, 105, 124 | 351°, 67%, 65% | 0, 53, 45, 12 | |
| Sulphur Pit | #E5CC69 | 229, 204, 105 | 48°, 70%, 65% | 0, 11, 54, 10 | |
| Boyzone | #2A96D5 | 42, 150, 213 | 202°, 67%, 50% | 80, 30, 0, 16 | |
| Princess | #F0A8B5 | 240, 168, 181 | 349°, 71%, 80% | 0, 30, 25, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E5CC69 on #2A96D5 | 2.05:1 | — |
| Aa #E1697C on #E5CC69 | 2.02:1 | — |
| Aa #2A96D5 on #F0A8B5 | 1.71:1 | — |
| Aa #E1697C on #F0A8B5 | 1.68:1 | — |
| Aa #66B7E1 on #2A96D5 | 1.47:1 | — |
| Aa #66B7E1 on #E1697C | 1.45:1 | — |
CSS variables
:root {
--color-1: #66b7e1; /* Malibu */
--color-2: #e1697c; /* Slice of Watermelon */
--color-3: #e5cc69; /* Sulphur Pit */
--color-4: #2a96d5; /* Boyzone */
--color-5: #f0a8b5; /* Princess */
}Other schemes from Malibu
- Malibu Complementary Color Scheme#66B7E1#B2DCEF#E88D68#CD632A#EFCFBC
- Malibu Analogous Color Scheme#64E986#6FE7DB#66B7E1#657AEF#8866FF
- Malibu Triadic Color Scheme#66B7E1#EE66BB#BEEB71#B8DEF2#CA2C92
- Malibu Tetradic Color Scheme#66B7E1#CD68E2#E88D68#61E160#B8DEF2
- Malibu Monochromatic Color Scheme#16698C#2A96D5#66B7E1#A4D4EC#E8F5FC
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 Malibu?
In a split-complementary scheme: Slice of Watermelon (#E1697C), Sulphur Pit (#E5CC69), Boyzone (#2A96D5), Princess (#F0A8B5).
What is the hex code of Malibu?
#66B7E1.