Sereni Teal Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sereni Teal (#76BAA8), each snapped to its nearest named color.
#76BAA8
#B576A7
#B98675
#4F9785
#D3ACCE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Sereni Teal | #76BAA8 | 118, 186, 168 | 164°, 33%, 60% | 37, 0, 10, 27 | 73.8% 0.074 176 | |
| Eccentric Magenta | #B576A7 | 181, 118, 167 | 313°, 30%, 59% | 0, 35, 8, 29 | 64.8% 0.102 335 | |
| Big Cypress | #B98675 | 185, 134, 117 | 15°, 33%, 59% | 0, 28, 37, 27 | 66.6% 0.068 39 | |
| Crisp Lettuce | #4F9785 | 79, 151, 133 | 165°, 31%, 45% | 48, 0, 12, 41 | 62.4% 0.078 175 | |
| Queenly | #D3ACCE | 211, 172, 206 | 308°, 31%, 75% | 0, 18, 2, 17 | 79.0% 0.064 330 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4F9785 on #D3ACCE | 1.73:1 | — |
| Aa #B576A7 on #D3ACCE | 1.73:1 | — |
| Aa #B98675 on #D3ACCE | 1.57:1 | — |
| Aa #76BAA8 on #4F9785 | 1.53:1 | — |
| Aa #76BAA8 on #B576A7 | 1.53:1 | — |
| Aa #76BAA8 on #B98675 | 1.39:1 | — |
CSS variables
:root {
--color-1: #76baa8; /* Sereni Teal */
--color-2: #b576a7; /* Eccentric Magenta */
--color-3: #b98675; /* Big Cypress */
--color-4: #4f9785; /* Crisp Lettuce */
--color-5: #d3acce; /* Queenly */
}Other schemes from Sereni Teal
- Sereni Teal Complementary Color Scheme#76BAA8#AFD9D3#BB7788#984961#DDB6C6
- Sereni Teal Analogous Color Scheme#8ABD7B#74BB83#76BAA8#74A9B9#7A89B8
- Sereni Teal Triadic Color Scheme#76BAA8#A274B5#BEA775#BCDBD4#884898
- Sereni Teal Tetradic Color Scheme#76BAA8#8773BB#BB7788#ACB977#BCDBD4
- Sereni Teal Monochromatic Color Scheme#356454#4F9785#76BAA8#ACD7C8#DDEDE9
More medium green split-complementary color schemes
- Acid Split-complementary Color Scheme#00FF22#AA00FF#FF005D#00BB11#AA55FF
- Acid Green Split-complementary Color Scheme#8FFE09#0011FF#FF09FF#66BB00#5555FF
- Alarming Slime Split-complementary Color Scheme#2CE335#8A2BE2#E42B73#15B01A#B36FF6
- Alien Abduction Split-complementary Color Scheme#0CFF0C#8811FF#FF0789#00BB00#AA55FF
- Alienated Split-complementary Color Scheme#00CC55#AA00CC#CC0011#008833#FF11FF
- Aloe Vera Split-complementary Color Scheme#678779#98568D#935A59#3E6655#BA86B5
- Aromatic Herbs Split-complementary Color Scheme#98C945#4455CC#BB44CC#6D8E2C#8A83DA
- Around the Gills Split-complementary Color Scheme#A1B670#6A7FB4#A66FB5#78944A#A2ADD0
- Artichoke Split-complementary Color Scheme#8F9779#6B7BA7#9569A3#6E7C45#9EA5C3
- Arugula Split-complementary Color Scheme#75AD5B#6A5BB1#AD5E99#4C793C#9A8EC1
- Asparagus Split-complementary Color Scheme#77AB56#5959AB#AA55AA#547839#8C87C5
- Atomic Lime Split-complementary Color Scheme#B9FF03#003AFF#CC00FF#84B701#4E7FFF
Questions
What colors go with Sereni Teal?
In a split-complementary scheme: Eccentric Magenta (#B576A7), Big Cypress (#B98675), Crisp Lettuce (#4F9785), Queenly (#D3ACCE).
What is the hex code of Sereni Teal?
#76BAA8.