Skinny Jeans Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Skinny Jeans (#5588FF), each snapped to its nearest named color.
#5588FF
#FF7855
#DDFF55
#0652FF
#FFB2A5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Skinny Jeans | #5588FF | 85, 136, 255 | 222°, 100%, 67% | 67, 47, 0, 0 | |
| Melon | #FF7855 | 255, 120, 85 | 12°, 100%, 67% | 0, 53, 67, 0 | |
| Isotonic Water | #DDFF55 | 221, 255, 85 | 72°, 100%, 67% | 13, 0, 67, 0 | |
| Blue et une Nuit | #0652FF | 6, 82, 255 | 222°, 100%, 51% | 98, 68, 0, 0 | |
| Peach Pearl | #FFB2A5 | 255, 178, 165 | 9°, 100%, 82% | 0, 30, 35, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DDFF55 on #0652FF | 5.06:1 | AA |
| Aa #0652FF on #FFB2A5 | 3.32:1 | AA large |
| Aa #5588FF on #DDFF55 | 2.91:1 | — |
| Aa #FF7855 on #DDFF55 | 2.29:1 | — |
| Aa #FF7855 on #0652FF | 2.21:1 | — |
| Aa #5588FF on #FFB2A5 | 1.91:1 | — |
CSS variables
:root {
--color-1: #5588ff; /* Skinny Jeans */
--color-2: #ff7855; /* Melon */
--color-3: #ddff55; /* Isotonic Water */
--color-4: #0652ff; /* Blue et une Nuit */
--color-5: #ffb2a5; /* Peach Pearl */
}Other schemes from Skinny Jeans
- Skinny Jeans Complementary Color Scheme#5588FF#AACCFF#FFCC55#FEB308#FDEBBC
- Skinny Jeans Analogous Color Scheme#55FFCC#55DDFF#5588FF#7755FF#CC55FF
- Skinny Jeans Triadic Color Scheme#5588FF#FB5581#9CEF43#B1D1FC#FF0051
- Skinny Jeans Tetradic Color Scheme#5588FF#FE4EDA#FFCC55#4CFF7B#B1D1FC
- Skinny Jeans Monochromatic Color Scheme#0033BB#0652FF#5588FF#A2BFFE#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 Skinny Jeans?
In a split-complementary scheme: Melon (#FF7855), Isotonic Water (#DDFF55), Blue et une Nuit (#0652FF), Peach Pearl (#FFB2A5).
What is the hex code of Skinny Jeans?
#5588FF.