Endless Horizon Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Endless Horizon (#B1DBF5), each snapped to its nearest named color.
#B1DBF5
#F6B0BA
#F5EDB2
#6CBAE7
#FFE9EB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Endless Horizon | #B1DBF5 | 177, 219, 245 | 203°, 77%, 83% | 28, 11, 0, 4 | 87.0% 0.057 235 | |
| Bubblegum Pink | #F6B0BA | 246, 176, 186 | 351°, 80%, 83% | 0, 28, 24, 4 | 82.6% 0.083 10 | |
| Sunbeam | #F5EDB2 | 245, 237, 178 | 53°, 77%, 83% | 0, 3, 27, 4 | 93.8% 0.076 101 | |
| Norfolk Sky | #6CBAE7 | 108, 186, 231 | 202°, 72%, 66% | 53, 19, 0, 9 | 75.6% 0.101 236 | |
| Pink Sparkle | #FFE9EB | 255, 233, 235 | 355°, 100%, 96% | 0, 9, 8, 0 | 95.2% 0.024 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6CBAE7 on #FFE9EB | 1.84:1 | — |
| Aa #F5EDB2 on #6CBAE7 | 1.80:1 | — |
| Aa #F6B0BA on #FFE9EB | 1.53:1 | — |
| Aa #F6B0BA on #F5EDB2 | 1.49:1 | — |
| Aa #B1DBF5 on #6CBAE7 | 1.46:1 | — |
| Aa #B1DBF5 on #FFE9EB | 1.26:1 | — |
CSS variables
:root {
--color-1: #b1dbf5; /* Endless Horizon */
--color-2: #f6b0ba; /* Bubblegum Pink */
--color-3: #f5edb2; /* Sunbeam */
--color-4: #6cbae7; /* Norfolk Sky */
--color-5: #ffe9eb; /* Pink Sparkle */
}Other schemes from Endless Horizon
- Endless Horizon Complementary Color Scheme#B1DBF5#E8F5FC#F4C9B1#ED9F6C#FAEFE9
- Endless Horizon Analogous Color Scheme#B0EFCE#ABF5ED#B1DBF5#B8B8F8#CEAEFA
- Endless Horizon Triadic Color Scheme#B1DBF5#EFB6D8#D9EEB4#E8F5FC#EE66BB
- Endless Horizon Tetradic Color Scheme#B1DBF5#E9AEF2#F4C9B1#B8F8B8#E8F5FC
- Endless Horizon Monochromatic Color Scheme#2196F3#6CBAE7#B1DBF5#E8F5FC#E8F5FC
More very light blue split-complementary color schemes
- A Dime a Dozen Split-complementary Color Scheme#D3DDE4#E2D4D4#E3E4D2#A2BACB#F5F0F1
- Andromeda Blue Split-complementary Color Scheme#ABCDEE#EDAAAC#EEEEAA#72A7E1#F9EAEA
- Après-Ski Split-complementary Color Scheme#CED5E4#E3D2CE#E1E2CF#9BA9CA#F7EFEF
- Ariel Split-complementary Color Scheme#AED7EA#EAABBC#ECDFAD#74B8DA#F8EAED
- Baby Blue Split-complementary Color Scheme#A2CFFE#FEA5A2#FCFFA4#55AAFF#FFE6E7
- Bird Bath Blue Split-complementary Color Scheme#CDDFE7#E5CCD1#E8E1CE#99BDD2#F7EFEF
- Blue Silk Split-complementary Color Scheme#D0DCE8#E9CFCF#E9E9D0#9EB6D0#F6EEED
- Breaking the Ice Split-complementary Color Scheme#B8E4F5#F3BAC9#F3E8B8#76C5E7#FFE9ED
- Breath of Fresh Air Split-complementary Color Scheme#C7DBE4#E2C9CE#E3DEC6#97BBC8#F7EFEF
- Breeze Split-complementary Color Scheme#AEC9EA#E6B0AF#E8EBAF#71A2D4#F9EAEB
- Breezy Split-complementary Color Scheme#C2DDE6#E7C2CA#E7DCC1#8DBBD1#F7EFEF
- Bright Star Split-complementary Color Scheme#DDE2E6#E9D9DC#EAE7DA#AABCCB#F4EFEE
Questions
What colors go with Endless Horizon?
In a split-complementary scheme: Bubblegum Pink (#F6B0BA), Sunbeam (#F5EDB2), Norfolk Sky (#6CBAE7), Pink Sparkle (#FFE9EB).
What is the hex code of Endless Horizon?
#B1DBF5.