Frog Prince Triadic Color Scheme
Five colors arranged by the triadic rule around Frog Prince (#BBD75A), each snapped to its nearest named color.
#BBD75A
#59BAD9
#CE5DAE
#DEEAAA
#2E9CBB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Frog Prince | #BBD75A | 187, 215, 90 | 73°, 61%, 60% | 13, 0, 58, 16 | |
| Azurean | #59BAD9 | 89, 186, 217 | 195°, 63%, 60% | 59, 14, 0, 15 | |
| Pú Táo Zǐ Purple | #CE5DAE | 206, 93, 174 | 317°, 54%, 59% | 0, 55, 16, 19 | |
| High Hopes | #DEEAAA | 222, 234, 170 | 71°, 60%, 79% | 5, 0, 27, 8 | |
| Sailfish | #2E9CBB | 46, 156, 187 | 193°, 61%, 46% | 75, 17, 0, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CE5DAE on #DEEAAA | 2.84:1 | — |
| Aa #DEEAAA on #2E9CBB | 2.50:1 | — |
| Aa #BBD75A on #CE5DAE | 2.24:1 | — |
| Aa #BBD75A on #2E9CBB | 1.97:1 | — |
| Aa #59BAD9 on #DEEAAA | 1.74:1 | — |
| Aa #59BAD9 on #CE5DAE | 1.63:1 | — |
CSS variables
:root {
--color-1: #bbd75a; /* Frog Prince */
--color-2: #59bad9; /* Azurean */
--color-3: #ce5dae; /* Pú Táo Zǐ Purple */
--color-4: #deeaaa; /* High Hopes */
--color-5: #2e9cbb; /* Sailfish */
}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 Split-complementary Color Scheme#BBD75A#507BCE#BA55D3#9DB92C#9BB8E2
- Frog Prince Tetradic Color Scheme#BBD75A#5FD1BA#6D5ACF#D35D7D#DEEAAA
- Frog Prince Monochromatic Color Scheme#637E1D#9DB92C#BBD75A#D5E69D#ECF4D2
More Medium Green triadic palettes
- Acid Triadic Color Scheme#00FF22#2200FF#FF2200#73FA79#1100AA
- Acid Green Triadic Color Scheme#8FFE09#0096FF#FF0490#BEFD73#0B67BE
- Alarming Slime Triadic Color Scheme#2CE335#273BE2#E33928#90EE90#0018A8
- Alien Abduction Triadic Color Scheme#0CFF0C#0C06F7#FF0E0E#77FF77#0000BF
- Alienated Triadic Color Scheme#00CC55#510AC9#CC5500#2AF589#380282
- Aloe Vera Triadic Color Scheme#678779#7B5D92#987A5B#95BFB2#4B3F69
- Aromatic Herbs Triadic Color Scheme#98C945#4499CC#CC4499#C1E28A#296D93
- Around the Gills Triadic Color Scheme#A1B670#70A5B7#B26BA2#CDD6B1#4B7991
- Artichoke Triadic Color Scheme#8F9779#6797A2#A46A95#C1CFA9#486C7A
- Arugula Triadic Color Scheme#75AD5B#5776AF#AD5B78#A8D19E#39527D
- Asparagus Triadic Color Scheme#77AB56#5577AA#AD5B78#B2CC9A#39527D
- Atomic Lime Triadic Color Scheme#B9FF03#00BBFF#FF01B7#D4FB79#0081B5
Questions
What colors go with Frog Prince?
In a triadic scheme: Azurean (#59BAD9), Pú Táo Zǐ Purple (#CE5DAE), High Hopes (#DEEAAA), Sailfish (#2E9CBB).
What is the hex code of Frog Prince?
#BBD75A.