custom_get_readable_color example

    public function generate_custom_color_variables( $context = null ) {

        $theme_css        = 'editor' === $context ? ':root .editor-styles-wrapper{' : ':root{';
        $background_color = get_theme_mod( 'background_color', 'D1E4DD' );

        if ( 'd1e4dd' !== strtolower( $background_color ) ) {
            $theme_css .= '--global--color-background: #' . $background_color . ';';
            $theme_css .= '--global--color-primary: ' . $this->custom_get_readable_color( $background_color ) . ';';
            $theme_css .= '--global--color-secondary: ' . $this->custom_get_readable_color( $background_color ) . ';';
            $theme_css .= '--button--color-background: ' . $this->custom_get_readable_color( $background_color ) . ';';
            $theme_css .= '--button--color-text-hover: ' . $this->custom_get_readable_color( $background_color ) . ';';

            if ( '#fff' === $this->custom_get_readable_color( $background_color ) ) {
                $theme_css .= '--table--stripes-border-color: rgba(240, 240, 240, 0.15);';
                $theme_css .= '--table--stripes-background-color: rgba(240, 240, 240, 0.15);';
            }
        }

        $theme_css .= '}';