Hello Summer Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Hello Summer (#55BBFF), each snapped to its nearest named color.
#55BBFF
#FF5566
#FFEE55
#0099FF
#FFA2AA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hello Summer | #55BBFF | 85, 187, 255 | 204°, 100%, 67% | 67, 27, 0, 0 | |
| Festive Fennec | #FF5566 | 255, 85, 102 | 354°, 100%, 67% | 0, 67, 60, 0 | |
| Xanthe Yellow | #FFEE55 | 255, 238, 85 | 54°, 100%, 67% | 0, 7, 67, 0 | |
| Sky of Magritte | #0099FF | 0, 153, 255 | 204°, 100%, 50% | 100, 40, 0, 0 | |
| Strawberry Frappé | #FFA2AA | 255, 162, 170 | 355°, 100%, 82% | 0, 36, 33, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF5566 on #FFEE55 | 2.61:1 | — |
| Aa #FFEE55 on #0099FF | 2.52:1 | — |
| Aa #55BBFF on #FFEE55 | 1.77:1 | — |
| Aa #FF5566 on #FFA2AA | 1.63:1 | — |
| Aa #FFEE55 on #FFA2AA | 1.60:1 | — |
| Aa #0099FF on #FFA2AA | 1.57:1 | — |
CSS variables
:root {
--color-1: #55bbff; /* Hello Summer */
--color-2: #ff5566; /* Festive Fennec */
--color-3: #ffee55; /* Xanthe Yellow */
--color-4: #0099ff; /* Sky of Magritte */
--color-5: #ffa2aa; /* Strawberry Frappé */
}Other schemes from Hello Summer
- Hello Summer Complementary Color Scheme#55BBFF#AEE4FF#FF9955#FF6B00#FFD8BB
- Hello Summer Analogous Color Scheme#58F898#55FFEE#55BBFF#5566FF#9955FF
- Hello Summer Triadic Color Scheme#55BBFF#FF55AA#AAFF55#B8E4F5#FF0599
- Hello Summer Tetradic Color Scheme#55BBFF#EE55FF#FF9955#66FF55#B8E4F5
- Hello Summer Monochromatic Color Scheme#0072BB#0099FF#55BBFF#A7D7FF#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 Hello Summer?
In a split-complementary scheme: Festive Fennec (#FF5566), Xanthe Yellow (#FFEE55), Sky of Magritte (#0099FF), Strawberry Frappé (#FFA2AA).
What is the hex code of Hello Summer?
#55BBFF.