Blue Jay Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Blue Jay (#5588DD), each snapped to its nearest named color.
#5588DD
#DD6655
#D0D557
#2266BB
#E29D94
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Blue Jay | #5588DD | 85, 136, 221 | 218°, 67%, 60% | 62, 38, 0, 13 | |
| Barely Brown | #DD6655 | 221, 102, 85 | 8°, 67%, 60% | 0, 54, 62, 13 | |
| Citrus Delight | #D0D557 | 208, 213, 87 | 62°, 60%, 59% | 2, 0, 59, 16 | |
| Blue Streak | #2266BB | 34, 102, 187 | 213°, 69%, 43% | 82, 45, 0, 27 | |
| Coral Almond | #E29D94 | 226, 157, 148 | 7°, 57%, 73% | 0, 31, 35, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D0D557 on #2266BB | 3.62:1 | AA large |
| Aa #2266BB on #E29D94 | 2.57:1 | — |
| Aa #5588DD on #D0D557 | 2.24:1 | — |
| Aa #DD6655 on #D0D557 | 2.18:1 | — |
| Aa #DD6655 on #2266BB | 1.66:1 | — |
| Aa #5588DD on #2266BB | 1.61:1 | — |
CSS variables
:root {
--color-1: #5588dd; /* Blue Jay */
--color-2: #dd6655; /* Barely Brown */
--color-3: #d0d557; /* Citrus Delight */
--color-4: #2266bb; /* Blue Streak */
--color-5: #e29d94; /* Coral Almond */
}Other schemes from Blue Jay
- Blue Jay Complementary Color Scheme#5588DD#A3BAE3#DDAA55#BF852B#ECD5AA
- Blue Jay Analogous Color Scheme#58CEB2#5CCBD6#5588DD#6050DC#BA55D3
- Blue Jay Triadic Color Scheme#5588DD#DE5D83#88DD55#A7C2EB#BB2266
- Blue Jay Tetradic Color Scheme#5588DD#DD55CC#DDAA55#44DD66#A7C2EB
- Blue Jay Monochromatic Color Scheme#1E4581#2266BB#5588DD#93B8E3#D2E2F2
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 Lips Split-complementary Color Scheme#A6BCE2#E7AFA8#D9E6A6#6C94CD#F4E4E0
Questions
What colors go with Blue Jay?
In a split-complementary scheme: Barely Brown (#DD6655), Citrus Delight (#D0D557), Blue Streak (#2266BB), Coral Almond (#E29D94).
What is the hex code of Blue Jay?
#5588DD.