Kiss a Frog Complementary Color Scheme
Five colors arranged by the complementary rule around Kiss a Frog (#BEC187), each snapped to its nearest named color.
#BEC187
#DBE0C4
#8C87C5
#5555AA
#CFCBE5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Kiss a Frog | #BEC187 | 190, 193, 135 | 63°, 32%, 64% | 2, 0, 30, 24 | |
| Airy Fields | #DBE0C4 | 219, 224, 196 | 71°, 31%, 82% | 2, 0, 12, 12 | |
| Brocade | #8C87C5 | 140, 135, 197 | 245°, 35%, 65% | 29, 31, 0, 23 | |
| Brandywine Raspberry | #5555AA | 85, 85, 170 | 240°, 33%, 50% | 50, 50, 0, 33 | |
| Foggy Plateau | #CFCBE5 | 207, 203, 229 | 249°, 33%, 85% | 10, 11, 0, 10 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DBE0C4 on #5555AA | 4.74:1 | AA |
| Aa #5555AA on #CFCBE5 | 4.08:1 | AA large |
| Aa #BEC187 on #5555AA | 3.42:1 | AA large |
| Aa #DBE0C4 on #8C87C5 | 2.42:1 | — |
| Aa #8C87C5 on #CFCBE5 | 2.09:1 | — |
| Aa #8C87C5 on #5555AA | 1.96:1 | — |
CSS variables
:root {
--color-1: #bec187; /* Kiss a Frog */
--color-2: #dbe0c4; /* Airy Fields */
--color-3: #8c87c5; /* Brocade */
--color-4: #5555aa; /* Brandywine Raspberry */
--color-5: #cfcbe5; /* Foggy Plateau */
}Other schemes from Kiss a Frog
- Kiss a Frog Analogous Color Scheme#C38D87#C0A887#BEC187#A4C08A#82C785
- Kiss a Frog Triadic Color Scheme#BEC187#83BBC1#C189BC#E4E4CB#5CA0A7
- Kiss a Frog Split-complementary Color Scheme#BEC187#88A3C2#A183C0#AAAA55#B7CADB
- Kiss a Frog Tetradic Color Scheme#BEC187#84C3AA#8C87C5#C28BA1#E4E4CB
- Kiss a Frog Monochromatic Color Scheme#71713E#AAAA55#BEC187#DBDBBC#F4F6EC
More Light Yellow complementary palettes
- Alligator Alley Complementary Color Scheme#C5D17B#E6E6BC#8878C3#5946B2#CEC8EF
- Ancient Treasure Complementary Color Scheme#E7D082#F7EECF#8F8CE7#4B62D2#DBDBF7
- Animal Kingdom Complementary Color Scheme#BCC09E#E4E4D5#A09BC6#776EA2#DCDDE7
- Anna Banana Complementary Color Scheme#F5D547#FCE99F#4166F5#0033EE#A2BFFE
- April Showers Complementary Color Scheme#DADEB5#F6F7ED#B3B4DD#8980C1#EBECF5
- Ash Complementary Color Scheme#BEBAA7#E8E5D8#9EA5C3#6B7BA7#DEE1ED
- Aurora Complementary Color Scheme#EBD147#F1E798#4466EE#0033CC#A3B1F2
- Banana Complementary Color Scheme#FFFC79#FFFFD4#7777FF#3A2EFE#D6EAFC
- Banana Drama Complementary Color Scheme#F1D548#F8EC9E#4466EE#0033DD#A3B1F2
- Banana Frappé Complementary Color Scheme#DDD5B6#F7F5ED#B8BFDC#8491C3#EDF2F8
- Beekeeper Complementary Color Scheme#F6E491#FFF9E7#9BA0EF#4466EE#E8EEFE
- Beige Complementary Color Scheme#E6DAA6#FAF7EB#ACACE6#7777CC#E8EFF8
Questions
What colors go with Kiss a Frog?
In a complementary scheme: Airy Fields (#DBE0C4), Brocade (#8C87C5), Brandywine Raspberry (#5555AA), Foggy Plateau (#CFCBE5).
What is the hex code of Kiss a Frog?
#BEC187.