Jade Sea Complementary Color Scheme
Five colors arranged by the complementary rule around Jade Sea (#B8E0D0), each snapped to its nearest named color.
#B8E0D0
#EFF5F1
#E4B6C4
#CD899E
#F7EFEF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Jade Sea | #B8E0D0 | 184, 224, 208 | 156°, 39%, 80% | 18, 0, 7, 12 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 | |
| Japanese Rose Garden | #E4B6C4 | 228, 182, 196 | 342°, 46%, 80% | 0, 20, 14, 11 | |
| Orchid Smoke | #CD899E | 205, 137, 158 | 341°, 40%, 67% | 0, 33, 23, 20 | |
| Vienna Dawn | #F7EFEF | 247, 239, 239 | 0°, 33%, 95% | 0, 3, 3, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EFF5F1 on #CD899E | 2.48:1 | — |
| Aa #CD899E on #F7EFEF | 2.42:1 | — |
| Aa #B8E0D0 on #CD899E | 1.91:1 | — |
| Aa #EFF5F1 on #E4B6C4 | 1.61:1 | — |
| Aa #E4B6C4 on #F7EFEF | 1.57:1 | — |
| Aa #E4B6C4 on #CD899E | 1.54:1 | — |
CSS variables
:root {
--color-1: #b8e0d0; /* Jade Sea */
--color-2: #eff5f1; /* Heavy Sugar */
--color-3: #e4b6c4; /* Japanese Rose Garden */
--color-4: #cd899e; /* Orchid Smoke */
--color-5: #f7efef; /* Vienna Dawn */
}Other schemes from Jade Sea
- Jade Sea Analogous Color Scheme#C8E0BA#B7E0B9#B8E0D0#BDDDE1#B9C8E0
- Jade Sea Triadic Color Scheme#B8E0D0#D6B7E2#E0D1B8#EFF5F1#B48AC2
- Jade Sea Split-complementary Color Scheme#B8E0D0#E1BBDB#E2BCB8#82CDAD#F8EEF4
- Jade Sea Tetradic Color Scheme#B8E0D0#BCBDE4#E4B6C4#DCE1B8#EFF5F1
- Jade Sea Monochromatic Color Scheme#54B490#82CDAD#B8E0D0#EFF5F1#EFF5F1
More Very Light Green complementary palettes
- Airy Fields Complementary Color Scheme#DBE0C4#F4F7EE#CAC1E2#9E91C3#EBECF5
- Ambrosia Complementary Color Scheme#C6E1BC#F1F8EC#DCBFE1#B48AC2#F8EEF4
- Amnesiac White Complementary Color Scheme#F8FBEB#F8FBEB#EEE9F9#ACACE6#EEE9F9
- Arabica Mint Complementary Color Scheme#C0FFEE#E7FAFA#FFC1D0#FF7799#FFE5ED
- Bath Bubbles Complementary Color Scheme#E6F2EA#EFF5F1#F1E8EC#DAB4CC#F8EEF4
- Bethlehem Superstar Complementary Color Scheme#EAEEDA#F4F7EE#DDDCEF#B2A5D3#EBECF5
- Blissful Serenity Complementary Color Scheme#EAEED8#F6F7ED#DBD7F2#A6A1D7#EBECF5
- Breath of Celery Complementary Color Scheme#DCE7CB#F4F7EE#D9CDE5#AE99D2#F1F2F8
- Candied Snow Complementary Color Scheme#D8FFF3#EBFCF5#FDD7E4#FC89AC#FFE5ED
- Caribbean Complementary Color Scheme#CAF0E5#E9F9F5#EDC9D5#DC89A8#F8EAED
- Clair de Lune Complementary Color Scheme#DBE9DF#EFF5F1#E9DBE4#CCACC1#F6F1F4
- Creamy Garlic Complementary Color Scheme#ECEFE3#F4F7EE#E5E3EF#BFB3D1#F1F2F8
Questions
What colors go with Jade Sea?
In a complementary scheme: Heavy Sugar (#EFF5F1), Japanese Rose Garden (#E4B6C4), Orchid Smoke (#CD899E), Vienna Dawn (#F7EFEF).
What is the hex code of Jade Sea?
#B8E0D0.