Pale Whale Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pale Whale (#B6D3DF), each snapped to its nearest named color.
#B6D3DF
#DFB8BC
#DDD6B7
#87B2C9
#F6EBEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Pale Whale | #B6D3DF | 182, 211, 223 | 198°, 39%, 79% | 18, 5, 0, 13 | 84.9% 0.035 225 | |
| Shy Young Salmon | #DFB8BC | 223, 184, 188 | 354°, 38%, 80% | 0, 17, 16, 13 | 81.8% 0.045 11 | |
| Handmade Linen | #DDD6B7 | 221, 214, 183 | 49°, 36%, 79% | 0, 3, 17, 13 | 87.4% 0.042 97 | |
| Batch Blue | #87B2C9 | 135, 178, 201 | 201°, 38%, 66% | 33, 11, 0, 21 | 74.1% 0.057 232 | |
| Clichy White | #F6EBEE | 246, 235, 238 | 344°, 38%, 94% | 0, 4, 3, 4 | 95.0% 0.013 359 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #87B2C9 on #F6EBEE | 1.95:1 | — |
| Aa #DDD6B7 on #87B2C9 | 1.56:1 | — |
| Aa #DFB8BC on #F6EBEE | 1.54:1 | — |
| Aa #B6D3DF on #87B2C9 | 1.45:1 | — |
| Aa #B6D3DF on #F6EBEE | 1.35:1 | — |
| Aa #DFB8BC on #87B2C9 | 1.27:1 | — |
CSS variables
:root {
--color-1: #b6d3df; /* Pale Whale */
--color-2: #dfb8bc; /* Shy Young Salmon */
--color-3: #ddd6b7; /* Handmade Linen */
--color-4: #87b2c9; /* Batch Blue */
--color-5: #f6ebee; /* Clichy White */
}Other schemes from Pale Whale
- Pale Whale Complementary Color Scheme#B6D3DF#ECF3F9#DDC3B6#C99680#F6F0EB
- Pale Whale Analogous Color Scheme#B9DCC3#B5DCD8#B6D3DF#B8BFDC#C3B9DD
- Pale Whale Triadic Color Scheme#B6D3DF#DEB7D9#D8DDB6#ECF3F9#CA83A7
- Pale Whale Tetradic Color Scheme#B6D3DF#D4BDDF#DDC3B6#BDDFB2#ECF3F9
- Pale Whale Monochromatic Color Scheme#4D8FAC#87B2C9#B6D3DF#EBF1F5#ECF3F9
More light blue split-complementary color schemes
- 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 Pale Whale?
In a split-complementary scheme: Shy Young Salmon (#DFB8BC), Handmade Linen (#DDD6B7), Batch Blue (#87B2C9), Clichy White (#F6EBEE).
What is the hex code of Pale Whale?
#B6D3DF.