Frog Prince Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Frog Prince (#BBD75A), each snapped to its nearest named color.
#BBD75A
#507BCE
#BA55D3
#9DB92C
#9BB8E2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Frog Prince | #BBD75A | 187, 215, 90 | 73°, 61%, 60% | 13, 0, 58, 16 | |
| Serenity’s Reign | #507BCE | 80, 123, 206 | 220°, 56%, 56% | 61, 40, 0, 19 | |
| Medium Orchid | #BA55D3 | 186, 85, 211 | 288°, 59%, 58% | 12, 60, 0, 17 | |
| Sick Green | #9DB92C | 157, 185, 44 | 72°, 62%, 45% | 15, 0, 76, 27 | |
| Honest | #9BB8E2 | 155, 184, 226 | 215°, 55%, 75% | 31, 19, 0, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BBD75A on #507BCE | 2.56:1 | — |
| Aa #BBD75A on #BA55D3 | 2.44:1 | — |
| Aa #507BCE on #9BB8E2 | 2.04:1 | — |
| Aa #BA55D3 on #9BB8E2 | 1.94:1 | — |
| Aa #507BCE on #9DB92C | 1.86:1 | — |
| Aa #BA55D3 on #9DB92C | 1.77:1 | — |
CSS variables
:root {
--color-1: #bbd75a; /* Frog Prince */
--color-2: #507bce; /* Serenity’s Reign */
--color-3: #ba55d3; /* Medium Orchid */
--color-4: #9db92c; /* Sick Green */
--color-5: #9bb8e2; /* Honest */
}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 Tetradic Color Scheme#BBD75A#5FD1BA#6D5ACF#D35D7D#DEEAAA
- Frog Prince Monochromatic Color Scheme#637E1D#9DB92C#BBD75A#D5E69D#ECF4D2
More Medium Green split-complementary palettes
- Acid Split-complementary Color Scheme#00FF22#AA00FF#FF005D#00BB11#AA55FF
- Acid Green Split-complementary Color Scheme#8FFE09#0011FF#FF09FF#66BB00#5555FF
- Alarming Slime Split-complementary Color Scheme#2CE335#8A2BE2#E42B73#15B01A#B36FF6
- Alien Abduction Split-complementary Color Scheme#0CFF0C#8811FF#FF0789#00BB00#AA55FF
- Alienated Split-complementary Color Scheme#00CC55#AA00CC#CC0011#008833#FF11FF
- Aloe Vera Split-complementary Color Scheme#678779#98568D#935A59#3E6655#BA86B5
- Aromatic Herbs Split-complementary Color Scheme#98C945#4455CC#BB44CC#6D8E2C#8A83DA
- Around the Gills Split-complementary Color Scheme#A1B670#6A7FB4#A66FB5#78944A#A2ADD0
- Artichoke Split-complementary Color Scheme#8F9779#6B7BA7#9569A3#6E7C45#9EA5C3
- Arugula Split-complementary Color Scheme#75AD5B#6A5BB1#AD5E99#4C793C#9A8EC1
- Asparagus Split-complementary Color Scheme#77AB56#5959AB#AA55AA#547839#8C87C5
- Atomic Lime Split-complementary Color Scheme#B9FF03#003AFF#CC00FF#84B701#4E7FFF
Questions
What colors go with Frog Prince?
In a split-complementary scheme: Serenity’s Reign (#507BCE), Medium Orchid (#BA55D3), Sick Green (#9DB92C), Honest (#9BB8E2).
What is the hex code of Frog Prince?
#BBD75A.