declare const KhanColors: {
    readonly BLUE: string;
    readonly ORANGE: "#FFA500";
    readonly PINK: "#FF00AF";
    readonly GREEN: string;
    readonly PURPLE: "#9D38BD";
    readonly RED: "#DF0030";
    readonly GRAY: "gray";
    readonly BLACK: "black";
    readonly LIGHT_BLUE: "#9AB8ED";
    readonly LIGHT_ORANGE: "#EDD19B";
    readonly LIGHT_PINK: "#ED9BD3";
    readonly LIGHT_GREEN: "#9BEDCE";
    readonly LIGHT_PURPLE: "#DA9BED";
    readonly LIGHT_RED: "#ED9AAC";
    readonly LIGHT_GRAY: "#ED9B9B";
    readonly LIGHT_BLACK: "#ED9B9B";
    readonly GRAY10: "#D6D6D6";
    readonly GRAY20: "#CDCDCD";
    readonly GRAY30: "#B3B3B3";
    readonly GRAY40: "#9A9A9A";
    readonly GRAY50: "#808080";
    readonly GRAY60: "#666666";
    readonly GRAY70: "#4D4D4D";
    readonly GRAY80: "#333333";
    readonly GRAY90: "#1A1A1A";
    readonly BLUE_A: "#CCFAFF";
    readonly BLUE_B: "#80F6FF";
    readonly BLUE_C: "#63D9EA";
    readonly BLUE_D: "#11ACCD";
    readonly BLUE_E: "#0C7F99";
    readonly TEAL_A: "#94FFF5";
    readonly TEAL_B: "#26EDD5";
    readonly TEAL_C: "#01D1C1";
    readonly TEAL_D: "#01A995";
    readonly TEAL_E: "#208170";
    readonly GREEN_A: "#B6FFB0";
    readonly GREEN_B: "#8AF281";
    readonly GREEN_C: "#74CF70";
    readonly GREEN_D: "#1FAB54";
    readonly GREEN_E: "#0D923F";
    readonly GOLD_A: "#FFD0A9";
    readonly GOLD_B: "#FFBB71";
    readonly GOLD_C: "#FF9C39";
    readonly GOLD_D: "#E07D10";
    readonly GOLD_E: "#A75A05";
    readonly RED_A: "#FCA9A9";
    readonly RED_B: "#FF8482";
    readonly RED_C: "#F9685D";
    readonly RED_D: "#E84D39";
    readonly RED_E: "#BC2612";
    readonly MAROON_A: "#FFBDE0";
    readonly MAROON_B: "#FF92C6";
    readonly MAROON_C: "#ED5FA6";
    readonly MAROON_D: "#CA337C";
    readonly MAROON_E: "#9E034E";
    readonly PURPLE_A: "#DDD7FF";
    readonly PURPLE_B: "#C6B9FC";
    readonly PURPLE_C: "#AA87FF";
    readonly PURPLE_D: "#7854AB";
    readonly PURPLE_E: "#543B78";
    readonly MINT_A: "#F5F9E8";
    readonly MINT_B: "#EDF2DF";
    readonly MINT_C: "#E0E5CC";
    readonly GRAY_A: "#F6F7F7";
    readonly GRAY_B: "#F0F1F2";
    readonly GRAY_C: "#E3E5E6";
    readonly GRAY_D: "#D6D8DA";
    readonly GRAY_E: "#BABEC2";
    readonly GRAY_F: "#888D93";
    readonly GRAY_G: "#626569";
    readonly GRAY_H: "#3B3E40";
    readonly GRAY_I: "#21242C";
    readonly KA_BLUE: "#314453";
    readonly KA_GREEN: "#71B307";
    readonly _BACKGROUND: "#FDFDFD";
    readonly INTERACTING: string;
    readonly INTERACTIVE: string;
    readonly DYNAMIC: string;
};
/**
 * Traverses the DOM ancestry of the given element until it finds an element with a
 * non-transparent background color, returning that color. If no such element is found,
 * returns the default background color.
 *
 * @param elementToInspect the HTMLElement to start inspecting.
 * @returns a string representing the background color, or a CSS variable for the default background color.
 */
export declare const getBackgroundColor: (elementToInspect: HTMLElement) => string;
export default KhanColors;
