Kiss a Frog Triadic Color Scheme
Five colors arranged by the triadic rule around Kiss a Frog (#BEC187), each snapped to its nearest named color.
#BEC187
#83BBC1
#C189BC
#E4E4CB
#5CA0A7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Kiss a Frog | #BEC187 | 190, 193, 135 | 63°, 32%, 64% | 2, 0, 30, 24 | |
| Misty Cold Sea | #83BBC1 | 131, 187, 193 | 186°, 33%, 64% | 32, 3, 0, 24 | |
| Dragonflies | #C189BC | 193, 137, 188 | 305°, 31%, 65% | 0, 29, 3, 24 | |
| Yellow Phosphenes | #E4E4CB | 228, 228, 203 | 60°, 32%, 85% | 0, 0, 11, 11 | |
| Atlas Cedar | #5CA0A7 | 92, 160, 167 | 186°, 30%, 51% | 45, 4, 0, 35 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E4E4CB on #5CA0A7 | 2.31:1 | — |
| Aa #C189BC on #E4E4CB | 2.15:1 | — |
| Aa #83BBC1 on #E4E4CB | 1.65:1 | — |
| Aa #BEC187 on #5CA0A7 | 1.59:1 | — |
| Aa #BEC187 on #C189BC | 1.47:1 | — |
| Aa #BEC187 on #E4E4CB | 1.46:1 | — |
CSS variables
:root {
--color-1: #bec187; /* Kiss a Frog */
--color-2: #83bbc1; /* Misty Cold Sea */
--color-3: #c189bc; /* Dragonflies */
--color-4: #e4e4cb; /* Yellow Phosphenes */
--color-5: #5ca0a7; /* Atlas Cedar */
}Other schemes from Kiss a Frog
- Kiss a Frog Complementary Color Scheme#BEC187#DBE0C4#8C87C5#5555AA#CFCBE5
- Kiss a Frog Analogous Color Scheme#C38D87#C0A887#BEC187#A4C08A#82C785
- 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 triadic palettes
- Alligator Alley Triadic Color Scheme#C5D17B#76C4D1#CC77CC#E9EAC8#53B1BA
- Ancient Treasure Triadic Color Scheme#E7D082#87E0CF#CB82E3#F8F0D8#55CCBB
- Animal Kingdom Triadic Color Scheme#BCC09E#9BBCC3#CC99BB#E9EADB#6C9DA9
- Anna Banana Triadic Color Scheme#F5D547#4EFFCD#D94FF5#FBE8A8#0AE9B4
- April Showers Triadic Color Scheme#DADEB5#B7DADD#DEB7D9#F6F7ED#85C1C4
- Ash Triadic Color Scheme#BEBAA7#9CC2BF#BB9ECA#EDE9DF#72A49F
- Aurora Triadic Color Scheme#EBD147#40E0D0#DC41F1#F4E7A5#11CCBB
- Banana Triadic Color Scheme#FFFC79#73FDFF#FF77FF#FFFEDF#33FFFF
- Banana Drama Triadic Color Scheme#F1D548#4EFFCD#D94FF5#FBE8A8#04D8B2
- Banana Frappé Triadic Color Scheme#DDD5B6#B4DCD3#CEBADA#F7F5ED#81C3B4
- Beekeeper Triadic Color Scheme#F6E491#89F5E3#EE99EE#FFF9E7#4EFFCD
- Beige Triadic Color Scheme#E6DAA6#A0E5D9#DDAAEE#FAF7EB#66D0C0
Questions
What colors go with Kiss a Frog?
In a triadic scheme: Misty Cold Sea (#83BBC1), Dragonflies (#C189BC), Yellow Phosphenes (#E4E4CB), Atlas Cedar (#5CA0A7).
What is the hex code of Kiss a Frog?
#BEC187.