Bright Star Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Bright Star (#DDE2E6), each snapped to its nearest named color.
#DDE2E6
#E9D9DC
#EAE7DA
#AABCCB
#F4EFEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bright Star | #DDE2E6 | 221, 226, 230 | 207°, 15%, 88% | 4, 2, 0, 10 | |
| Angelic Choir | #E9D9DC | 233, 217, 220 | 349°, 27%, 88% | 0, 7, 6, 9 | |
| Clear Sand | #EAE7DA | 234, 231, 218 | 49°, 28%, 89% | 0, 1, 7, 8 | |
| Glacier Mist | #AABCCB | 170, 188, 203 | 207°, 24%, 73% | 16, 7, 0, 20 | |
| Angelic Wings | #F4EFEE | 244, 239, 238 | 10°, 21%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AABCCB on #F4EFEE | 1.71:1 | — |
| Aa #EAE7DA on #AABCCB | 1.57:1 | — |
| Aa #DDE2E6 on #AABCCB | 1.50:1 | — |
| Aa #E9D9DC on #AABCCB | 1.43:1 | — |
| Aa #E9D9DC on #F4EFEE | 1.19:1 | — |
| Aa #DDE2E6 on #F4EFEE | 1.14:1 | — |
CSS variables
:root {
--color-1: #dde2e6; /* Bright Star */
--color-2: #e9d9dc; /* Angelic Choir */
--color-3: #eae7da; /* Clear Sand */
--color-4: #aabccb; /* Glacier Mist */
--color-5: #f4efee; /* Angelic Wings */
}Other schemes from Bright Star
- Bright Star Complementary Color Scheme#DDE2E6#EEF2F3#E9E1D9#CBB9AB#F6F2F1
- Bright Star Analogous Color Scheme#DAE8E1#DCE9E9#DDE2E6#D9D9EA#E3DAE9
- Bright Star Triadic Color Scheme#DDE2E6#E7DBE1#E1E9DB#EEF2F3#CAA7BB
- Bright Star Tetradic Color Scheme#DDE2E6#E7D8EA#E9E1D9#DAE9DC#EEF2F3
- Bright Star Monochromatic Color Scheme#8599A8#B2BBC6#DDE2E6#F2F2F4#F2F2F4
More Very Light Blue split-complementary palettes
- 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
- Broad Daylight Split-complementary Color Scheme#BBDDFF#FFBBBB#FFFFBB#77B5FE#FFE6E4
Questions
What colors go with Bright Star?
In a split-complementary scheme: Angelic Choir (#E9D9DC), Clear Sand (#EAE7DA), Glacier Mist (#AABCCB), Angelic Wings (#F4EFEE).
What is the hex code of Bright Star?
#DDE2E6.