Frog Prince Tetradic Color Scheme
Five colors arranged by the tetradic rule around Frog Prince (#BBD75A), each snapped to its nearest named color.
#BBD75A
#5FD1BA
#6D5ACF
#D35D7D
#DEEAAA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Frog Prince | #BBD75A | 187, 215, 90 | 73°, 61%, 60% | 13, 0, 58, 16 | |
| Sweet Garden | #5FD1BA | 95, 209, 186 | 168°, 55%, 60% | 55, 0, 11, 18 | |
| Astro Purple | #6D5ACF | 109, 90, 207 | 250°, 55%, 58% | 47, 57, 0, 19 | |
| Peppermint Swirl | #D35D7D | 211, 93, 125 | 344°, 57%, 60% | 0, 56, 41, 17 | |
| High Hopes | #DEEAAA | 222, 234, 170 | 71°, 60%, 79% | 5, 0, 27, 8 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6D5ACF on #DEEAAA | 4.10:1 | AA large |
| Aa #BBD75A on #6D5ACF | 3.23:1 | AA large |
| Aa #D35D7D on #DEEAAA | 2.92:1 | — |
| Aa #5FD1BA on #6D5ACF | 2.82:1 | — |
| Aa #BBD75A on #D35D7D | 2.30:1 | — |
| Aa #5FD1BA on #D35D7D | 2.01:1 | — |
CSS variables
:root {
--color-1: #bbd75a; /* Frog Prince */
--color-2: #5fd1ba; /* Sweet Garden */
--color-3: #6d5acf; /* Astro Purple */
--color-4: #d35d7d; /* Peppermint Swirl */
--color-5: #deeaaa; /* High Hopes */
}Other schemes from Frog Prince
- Frog Prince Complementary Color Scheme#BBD75A#D9E6A6#6D5ACF#4E32B2#ACACE6
- Frog Prince Analogous Color Scheme#D37959#D4B75D#BBD75A#69D84F#50C878
- Frog Prince Triadic Color Scheme#BBD75A#59BAD9#CE5DAE#DEEAAA#2E9CBB
- Frog Prince Split-complementary Color Scheme#BBD75A#507BCE#BA55D3#9DB92C#9BB8E2
- Frog Prince Monochromatic Color Scheme#637E1D#9DB92C#BBD75A#D5E69D#ECF4D2
More Medium Green tetradic palettes
- Acid Tetradic Color Scheme#00FF22#0058F8#EE00DD#FFA300#73FA79
- Acid Green Tetradic Color Scheme#8FFE09#11FFEE#7F01FE#FE0215#BEFD73
- Alarming Slime Tetradic Color Scheme#2CE335#247AFD#E03FD8#E69332#90EE90
- Alien Abduction Tetradic Color Scheme#0CFF0C#0084FF#FF09FF#FF8812#77FF77
- Alienated Tetradic Color Scheme#00CC55#0011CC#CC0077#D6BE01#2AF589
- Aloe Vera Tetradic Color Scheme#678779#5E5896#985672#95945C#95BFB2
- Aromatic Herbs Tetradic Color Scheme#98C945#48C2B0#7442C8#CE4458#C1E28A
- Around the Gills Tetradic Color Scheme#A1B670#6FB7A8#8773BB#B7737D#CDD6B1
- Artichoke Tetradic Color Scheme#8F9779#68A895#786DAA#A66E7A#C1CFA9
- Arugula Tetradic Color Scheme#75AD5B#579DAB#8D5EB7#AF6C5D#A8D19E
- Asparagus Tetradic Color Scheme#77AB56#5CA0A7#8D5EB7#AE5F55#B2CC9A
- Atomic Lime Tetradic Color Scheme#B9FF03#00FFCC#4400FF#FE023C#D4FB79
Questions
What colors go with Frog Prince?
In a tetradic scheme: Sweet Garden (#5FD1BA), Astro Purple (#6D5ACF), Peppermint Swirl (#D35D7D), High Hopes (#DEEAAA).
What is the hex code of Frog Prince?
#BBD75A.