Jade Jewel Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Jade Jewel (#247E81), each snapped to its nearest named color.
#247E81
#882055
#885522
#114444
#BB3377
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Jade Jewel | #247E81 | 36, 126, 129 | 182°, 56%, 32% | 72, 2, 0, 49 | 54.3% 0.082 198 | |
| Violettuce | #882055 | 136, 32, 85 | 329°, 62%, 33% | 0, 76, 38, 47 | 43.0% 0.147 354 | |
| Precious Copper | #885522 | 136, 85, 34 | 30°, 60%, 33% | 0, 38, 75, 47 | 49.7% 0.094 62 | |
| Rapture | #114444 | 17, 68, 68 | 180°, 60%, 17% | 75, 0, 0, 73 | 35.4% 0.052 195 | |
| Pink Shadow | #BB3377 | 187, 51, 119 | 330°, 57%, 47% | 0, 73, 36, 27 | 54.7% 0.182 354 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #247E81 on #114444 | 2.26:1 | — |
| Aa #114444 on #BB3377 | 1.99:1 | — |
| Aa #247E81 on #882055 | 1.84:1 | — |
| Aa #885522 on #114444 | 1.74:1 | — |
| Aa #882055 on #BB3377 | 1.62:1 | — |
| Aa #882055 on #885522 | 1.41:1 | — |
CSS variables
:root {
--color-1: #247e81; /* Jade Jewel */
--color-2: #882055; /* Violettuce */
--color-3: #885522; /* Precious Copper */
--color-4: #114444; /* Rapture */
--color-5: #bb3377; /* Pink Shadow */
}Other schemes from Jade Jewel
- Jade Jewel Complementary Color Scheme#247E81#3DCFC2#85222B#441111#CB4543
- Jade Jewel Analogous Color Scheme#2B8725#298256#247E81#234E86#2E2D88
- Jade Jewel Triadic Color Scheme#247E81#883377#7E8424#4BC7CF#441144
- Jade Jewel Tetradic Color Scheme#247E81#552288#85222B#4F8129#4BC7CF
- Jade Jewel Monochromatic Color Scheme#0F1519#114444#247E81#3FBABD#6ACED4
More dark teal split-complementary color schemes
- After the Storm Split-complementary Color Scheme#33616A#6D3445#6A5536#1C3339#9F4D65
- Ahoy! Blue Split-complementary Color Scheme#0082A1#AA0033#AB7100#004455#EE0044
- Aqua Obscura Split-complementary Color Scheme#05696B#66033C#6E3A07#002222#A50B5E
- Arctic Nights Split-complementary Color Scheme#345C61#623745#665134#193232#955264
- Baltic Split-complementary Color Scheme#279D9F#9F2B68#9D652B#166461#C84186
- Beau Vert Split-complementary Color Scheme#0C6064#66033C#6E3A07#041723#AA1155
- Bermuda Split-complementary Color Scheme#1B7D8D#871646#97691E#0B474A#CC2266
- Billiard Split-complementary Color Scheme#00AF9F#AA0066#B64701#016459#FF0099
- Bleu Ciel Split-complementary Color Scheme#007BA1#AA0033#A87900#004058#F2013F
- Blue Fjord Split-complementary Color Scheme#007290#900020#886600#003344#DD0044
- Blue Ocean Split-complementary Color Scheme#009DC4#C40233#C68400#04627A#FF1155
- Blue-Collar Split-complementary Color Scheme#005F7A#770022#7A5901#002233#C40233
Questions
What colors go with Jade Jewel?
In a split-complementary scheme: Violettuce (#882055), Precious Copper (#885522), Rapture (#114444), Pink Shadow (#BB3377).
What is the hex code of Jade Jewel?
#247E81.