Huebook

Endless Horizon Analogous Color Scheme

Five colors arranged by the analogous rule around Endless Horizon (#B1DBF5), each snapped to its nearest named color.

#B0EFCE
#ABF5ED
#B1DBF5
#B8B8F8
#CEAEFA

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Seafoam Splashes#B0EFCE176, 239, 206149°, 66%, 81%26, 0, 14, 690.1% 0.078 161
Pale King’s Blue#ABF5ED171, 245, 237174°, 79%, 82%30, 0, 3, 492.0% 0.074 188
Endless Horizon#B1DBF5177, 219, 245203°, 77%, 83%28, 11, 0, 487.0% 0.057 235
Purple Illusion#B8B8F8184, 184, 248240°, 82%, 85%26, 26, 0, 380.5% 0.090 284
Teasel Dipsacus#CEAEFA206, 174, 250265°, 88%, 83%18, 30, 0, 280.5% 0.110 303

Which pairs work for text

Text on backgroundContrastWCAG
Aa #ABF5ED on #CEAEFA1.54:1—
Aa #ABF5ED on #B8B8F81.51:1—
Aa #B0EFCE on #CEAEFA1.45:1—
Aa #B0EFCE on #B8B8F81.43:1—
Aa #B1DBF5 on #CEAEFA1.29:1—
Aa #B1DBF5 on #B8B8F81.27:1—

CSS variables

:root {
  --color-1: #b0efce; /* Seafoam Splashes */
  --color-2: #abf5ed; /* Pale King’s Blue */
  --color-3: #b1dbf5; /* Endless Horizon */
  --color-4: #b8b8f8; /* Purple Illusion */
  --color-5: #ceaefa; /* Teasel Dipsacus */
}

Other schemes from Endless Horizon

More very light blue analogous color schemes

Questions

What colors go with Endless Horizon?

In a analogous scheme: Seafoam Splashes (#B0EFCE), Pale King’s Blue (#ABF5ED), Purple Illusion (#B8B8F8), Teasel Dipsacus (#CEAEFA).

What is the hex code of Endless Horizon?

#B1DBF5.