Jade Sea Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Jade Sea (#B8E0D0), each snapped to its nearest named color.
#54B490
#82CDAD
#B8E0D0
#EFF5F1
#EFF5F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Aruba Green | #54B490 | 84, 180, 144 | 158°, 39%, 52% | 53, 0, 20, 29 | 70.2% 0.106 166 | |
| Aquamarine Ocean | #82CDAD | 130, 205, 173 | 154°, 43%, 66% | 37, 0, 16, 20 | 79.0% 0.088 165 | |
| Jade Sea | #B8E0D0 | 184, 224, 208 | 156°, 39%, 80% | 18, 0, 7, 12 | 87.4% 0.047 169 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 | 96.5% 0.008 157 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 | 96.5% 0.008 157 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #54B490 on #EFF5F1 | 2.29:1 | — |
| Aa #54B490 on #EFF5F1 | 2.29:1 | — |
| Aa #54B490 on #B8E0D0 | 1.76:1 | — |
| Aa #82CDAD on #EFF5F1 | 1.68:1 | — |
| Aa #82CDAD on #EFF5F1 | 1.68:1 | — |
| Aa #54B490 on #82CDAD | 1.36:1 | — |
CSS variables
:root {
--color-1: #54b490; /* Aruba Green */
--color-2: #82cdad; /* Aquamarine Ocean */
--color-3: #b8e0d0; /* Jade Sea */
--color-4: #eff5f1; /* Heavy Sugar */
--color-5: #eff5f1; /* Heavy Sugar */
}Other schemes from Jade Sea
- Jade Sea Complementary Color Scheme#B8E0D0#EFF5F1#E4B6C4#CD899E#F7EFEF
- 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
More very light green monochromatic color schemes
- Airy Fields Monochromatic Color Scheme#9CAD60#B6CA90#DBE0C4#F4F7EE#F4F7EE
- Ambrosia Monochromatic Color Scheme#74AF54#9CCA84#C6E1BC#F1F8EC#F1F8EC
- Amnesiac White Monochromatic Color Scheme#CAE277#E3EBAE#F8FBEB#F8FBEB#F8FBEB
- Arabica Mint Monochromatic Color Scheme#32FFDC#73FCD6#C0FFEE#E7FAFA#E7FAFA
- Bath Bubbles Monochromatic Color Scheme#88BB95#B3D5C0#E6F2EA#EFF5F1#EFF5F1
- Bethlehem Superstar Monochromatic Color Scheme#A9BE70#CFD5A7#EAEEDA#F4F7EE#F4F7EE
- Blissful Serenity Monochromatic Color Scheme#AEC571#CFD4A4#EAEED8#F6F7ED#F6F7ED
- Breath of Celery Monochromatic Color Scheme#97BC62#BBCC99#DCE7CB#F4F7EE#F4F7EE
- Candied Snow Monochromatic Color Scheme#3AFDDB#8CFFDB#D8FFF3#EBFCF5#EBFCF5
- Caribbean Monochromatic Color Scheme#58CEB2#88DDCC#CAF0E5#E9F9F5#E9F9F5
- Clair de Lune Monochromatic Color Scheme#7BB18D#AACCB9#DBE9DF#EFF5F1#EFF5F1
- Creamy Garlic Monochromatic Color Scheme#AFB982#CCD1B2#ECEFE3#F4F7EE#F4F7EE
Questions
What colors go with Jade Sea?
In a monochromatic scheme: Aruba Green (#54B490), Aquamarine Ocean (#82CDAD), Heavy Sugar (#EFF5F1), Heavy Sugar (#EFF5F1).
What is the hex code of Jade Sea?
#B8E0D0.