Jewel Beetle Triadic Color Scheme
Five colors arranged by the triadic rule around Jewel Beetle (#8CC90B), each snapped to its nearest named color.
#8CC90B
#0E87CC
#CC0088
#A6FD44
#005780
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Jewel Beetle | #8CC90B | 140, 201, 11 | 79°, 90%, 42% | 30, 0, 95, 21 | 76.5% 0.199 128 | |
| Water Blue | #0E87CC | 14, 135, 204 | 202°, 87%, 43% | 93, 34, 0, 20 | 59.9% 0.141 243 | |
| Snappy Violet | #CC0088 | 204, 0, 136 | 320°, 100%, 40% | 0, 100, 33, 20 | 55.8% 0.233 349 | |
| Mindful Green | #A6FD44 | 166, 253, 68 | 88°, 98%, 63% | 34, 0, 73, 1 | 90.6% 0.225 132 | |
| Mykonos Blue | #005780 | 0, 87, 128 | 199°, 100%, 25% | 100, 32, 0, 50 | 43.4% 0.097 239 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A6FD44 on #005780 | 6.26:1 | AA |
| Aa #CC0088 on #A6FD44 | 4.27:1 | AA large |
| Aa #8CC90B on #005780 | 3.92:1 | AA large |
| Aa #0E87CC on #A6FD44 | 3.13:1 | AA large |
| Aa #8CC90B on #CC0088 | 2.67:1 | — |
| Aa #0E87CC on #005780 | 2.00:1 | — |
CSS variables
:root {
--color-1: #8cc90b; /* Jewel Beetle */
--color-2: #0e87cc; /* Water Blue */
--color-3: #cc0088; /* Snappy Violet */
--color-4: #a6fd44; /* Mindful Green */
--color-5: #005780; /* Mykonos Blue */
}Other schemes from Jewel Beetle
- Jewel Beetle Complementary Color Scheme#8CC90B#A7F432#510AC9#380282#6844FC
- Jewel Beetle Analogous Color Scheme#C8450C#CAA906#8CC90B#25C40D#11CC44
- Jewel Beetle Split-complementary Color Scheme#8CC90B#0033CC#A104C3#568203#2E58E8
- Jewel Beetle Tetradic Color Scheme#8CC90B#06C2AC#510AC9#CB1028#A6FD44
- Jewel Beetle Monochromatic Color Scheme#223300#568203#8CC90B#BFF128#D4FB79
More medium green triadic color schemes
- 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 Jewel Beetle?
In a triadic scheme: Water Blue (#0E87CC), Snappy Violet (#CC0088), Mindful Green (#A6FD44), Mykonos Blue (#005780).
What is the hex code of Jewel Beetle?
#8CC90B.