Generated on Feb 19, 2025, 2:11:26 PMgemini-1.5-flash
{
"main_colors": [
"#82B457",
"#269547",
"#85BCE9",
"#003B5D"
],
"supporting_colors": [
"#F2F2F2", // Light Gray - provides high contrast with darker main colors
"#D9E6E0", // Light Green - complements the greens, maintains contrast
"#A7C9E9", // Light Blue - complements the blues, maintains contrast
"#333333" // Dark Gray - provides high contrast with lighter main colors and adds depth
],
"contrast_ratios": {
"#82B457": {
"#F2F2F2": 4.7,
"#D9E6E0": 2.1,
"#A7C9E9": 4.2,
"#333333": 6.2
},
"#269547": {
"#F2F2F2": 5.1,
"#D9E6E0": 1.8,
"#A7C9E9": 4.8,
"#333333": 7.1
},
"#85BCE9": {
"#F2F2F2": 4.6,
"#D9E6E0": 3.9,
"#A7C9E9": 1.2,
"#333333": 6.0
},
"#003B5D": {
"#F2F2F2": 7.1,
"#D9E6E0": 5.8,
"#A7C9E9": 5.2,
"#333333": 1.0
}
},
"notes": [
"Contrast ratios are approximate and may vary slightly depending on the method of calculation and screen settings.",
"The light gray (#F2F2F2) and dark gray (#333333) provide good contrast across the board.",
"The lighter shades of green and blue offer a softer contrast while still maintaining accessibility guidelines for most applications."
]
}