Bay Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Bay (#B3E2D3), each snapped to its nearest named color.
#B3E2D3
#E6B5D7
#E2BCB3
#79CCB3
#F9E7F4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bay | #B3E2D3 | 179, 226, 211 | 161°, 45%, 79% | 21, 0, 7, 11 | |
| Pink Gems | #E6B5D7 | 230, 181, 215 | 318°, 49%, 81% | 0, 21, 7, 10 | |
| Sweet Peach | #E2BCB3 | 226, 188, 179 | 11°, 45%, 79% | 0, 17, 21, 11 | |
| Puppeteers | #79CCB3 | 121, 204, 179 | 162°, 45%, 64% | 41, 0, 12, 20 | |
| Cherry Pearl | #F9E7F4 | 249, 231, 244 | 317°, 60%, 94% | 0, 7, 2, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #79CCB3 on #F9E7F4 | 1.60:1 | — |
| Aa #E6B5D7 on #F9E7F4 | 1.49:1 | — |
| Aa #E2BCB3 on #F9E7F4 | 1.47:1 | — |
| Aa #B3E2D3 on #79CCB3 | 1.33:1 | — |
| Aa #B3E2D3 on #E6B5D7 | 1.23:1 | — |
| Aa #B3E2D3 on #E2BCB3 | 1.22:1 | — |
CSS variables
:root {
--color-1: #b3e2d3; /* Bay */
--color-2: #e6b5d7; /* Pink Gems */
--color-3: #e2bcb3; /* Sweet Peach */
--color-4: #79ccb3; /* Puppeteers */
--color-5: #f9e7f4; /* Cherry Pearl */
}Other schemes from Bay
- Bay Complementary Color Scheme#B3E2D3#ECF7F7#E4B6C4#CB7D96#F7EFEF
- Bay Analogous Color Scheme#CAE4B2#B4E1BB#B3E2D3#B3DAE2#B0C5E0
- Bay Triadic Color Scheme#B3E2D3#D6B7E2#E1D4B4#ECF7F7#A87DC2
- Bay Tetradic Color Scheme#B3E2D3#BCBDE4#E4B6C4#DAE2B2#ECF7F7
- Bay Monochromatic Color Scheme#42B395#79CCB3#B3E2D3#E9F9F5#ECF7F7
More Light Green split-complementary palettes
- A State of Mint Split-complementary Color Scheme#88FFCC#FF88FF#FF8D86#2AFEB7#FED0FC
- Basil Smash Split-complementary Color Scheme#B7E1A1#ACACE6#E1A0CF#8DCE65#DBDBF7
- Big Spender Split-complementary Color Scheme#ACDDAF#CAADD8#DCA7C2#6FC276#EFE2F2
- Bok Choy Split-complementary Color Scheme#BCCAB3#B4AECC#D1ACCE#96B47E#E0DFEA
- Botanist Split-complementary Color Scheme#9AD28C#AA8ED6#D492BD#68BD56#D0C8E6
- Cabbage Split-complementary Color Scheme#87D7BE#DA93C1#D79584#48C09B#E7C3E7
- Camping Grounds Split-complementary Color Scheme#B4C2A2#9EA5C3#C09DC8#90A96E#D0D1E1
- Celadon Split-complementary Color Scheme#ACE1AF#D6B7E2#E0ADC4#6CCC7B#F0E5F5
- Celadon Porcelain Split-complementary Color Scheme#7EBEA5#BA7AB3#BE847D#4F9E81#DBB0D3
- Celery Mousse Split-complementary Color Scheme#C1FD95#9999FF#FF99EE#9CEF43#E0E0FF
- Copper Patina Split-complementary Color Scheme#9DB4A0#AF92BD#BA99A2#72A86A#D4C3DA
- Creamy Avocado Split-complementary Color Scheme#D8F19C#99AAFF#EA9FF6#B2EC5D#DEE9F4
Questions
What colors go with Bay?
In a split-complementary scheme: Pink Gems (#E6B5D7), Sweet Peach (#E2BCB3), Puppeteers (#79CCB3), Cherry Pearl (#F9E7F4).
What is the hex code of Bay?
#B3E2D3.