Queer Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Queer Blue (#88ACE0), each snapped to its nearest named color.
#88ACE0
#E2958D
#DFE289
#4A87CB
#F4CAC6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Queer Blue | #88ACE0 | 136, 172, 224 | 215°, 59%, 71% | 39, 23, 0, 12 | |
| Strawberry Memory | #E2958D | 226, 149, 141 | 6°, 59%, 72% | 0, 34, 38, 11 | |
| Sassy Lime | #DFE289 | 223, 226, 137 | 62°, 61%, 71% | 1, 0, 39, 11 | |
| Blue Sonki | #4A87CB | 74, 135, 203 | 212°, 55%, 54% | 64, 33, 0, 20 | |
| First Peach | #F4CAC6 | 244, 202, 198 | 5°, 68%, 87% | 0, 17, 19, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DFE289 on #4A87CB | 2.74:1 | — |
| Aa #4A87CB on #F4CAC6 | 2.51:1 | — |
| Aa #E2958D on #DFE289 | 1.72:1 | — |
| Aa #88ACE0 on #DFE289 | 1.70:1 | — |
| Aa #88ACE0 on #4A87CB | 1.61:1 | — |
| Aa #E2958D on #4A87CB | 1.59:1 | — |
CSS variables
:root {
--color-1: #88ace0; /* Queer Blue */
--color-2: #e2958d; /* Strawberry Memory */
--color-3: #dfe289; /* Sassy Lime */
--color-4: #4a87cb; /* Blue Sonki */
--color-5: #f4cac6; /* First Peach */
}Other schemes from Queer Blue
- Queer Blue Complementary Color Scheme#88ACE0#D2DEF2#E1BD88#CF994B#F5E9D9
- Queer Blue Analogous Color Scheme#8BE0BA#8BD6E2#88ACE0#8F8CE7#BF8FE5
- Queer Blue Triadic Color Scheme#88ACE0#E38FAC#B2E191#D9E7F2#CD4E82
- Queer Blue Tetradic Color Scheme#88ACE0#EE88CC#E1BD88#94E089#D9E7F2
- Queer Blue Monochromatic Color Scheme#255BA2#4A87CB#88ACE0#C5D6EE#ECF3F9
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 Queer Blue?
In a split-complementary scheme: Strawberry Memory (#E2958D), Sassy Lime (#DFE289), Blue Sonki (#4A87CB), First Peach (#F4CAC6).
What is the hex code of Queer Blue?
#88ACE0.