Cerulean Frost (#6D9BC3)

/* Background */
.element {
    background-color: #6D9BC3;
}

/* Text */
.element {
    color: #6D9BC3;
}

/* Border */
.element {
    border: 1px solid #6D9BC3;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #6D9BC3,
        #DDC1A9
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #6D9BC3,
        #DDC1A9
    );
}

// SCSS variable
$cerulean-frost: #6D9BC3;

// With RGB channels (useful for rgba() usage)
$cerulean-frost-r: 109;
$cerulean-frost-g: 155;
$cerulean-frost-b: 195;

// Usage
.element {
    background-color: $cerulean-frost;
    color: rgba($cerulean-frost-r, $cerulean-frost-g, $cerulean-frost-b, 0.8);
}