AliceBlue

A pastel, cool blue -- the dependable foundation of trustworthy interfaces.

Hex
#f0f8ff
sRGB
rgb(240 248 255)
OKLCH
oklch(0.9751 0.0127 244.3)

AliceBlue is a standard CSS named color with the canonical value #f0f8ff.

Create AliceBlue in PHP

Parse the catalog’s canonical value once, then keep the resulting color object throughout the rest of your code.

<?php

use PhpColor\Color\Color;

$aliceblue = Color::parse('#F0F8FF');
use PhpColor\Color\Color; $aliceblue = Color::parse('#F0F8FF');

ColorInterface

$aliceblue

#f0f8ff · oklch(0.9751 0.0127 244.3)

Tint AliceBlue for a system

AliceBlue is a neutral, so rotating its hue changes nothing. Design systems rarely ship a pure neutral either: give it a trace of chroma and it belongs to the palette around it.

<?php

$neutral = $aliceblue->to('oklch');

foreach (['warm' => 60, 'fresh' => 150, 'cool' => 250] as $name => $hue) {
    echo $neutral->withChannel('c', 0.02)->withChannel('h', $hue)->toHex().PHP_EOL;
}
$neutral = $aliceblue->to('oklch'); foreach (['warm' => 60, 'fresh' => 150, 'cool' => 250] as $name => $hue) { echo $neutral->withChannel('c', 0.02)->withChannel('h', $hue)->toHex().PHP_EOL; }
  1. Warm#fff4ea
  2. Fresh#eefbf0
  3. Cool#edf8ff
AliceBlue kept at the same lightness, pulled warm, fresh and cool

Generate an AliceBlue scale

Keep the original hue and chroma, then vary OKLCH lightness to produce perceptually ordered steps.

<?php

$oklch = $aliceblue->to('oklch');

foreach ([0.97, 0.92, 0.84, 0.74, 0.66, 0.58, 0.48, 0.40, 0.32, 0.24, 0.16] as $lightness) {
    $step = $oklch->withChannel('l', $lightness);
}
$oklch = $aliceblue->to('oklch'); foreach ([0.97, 0.92, 0.84, 0.74, 0.66, 0.58, 0.48, 0.40, 0.32, 0.24, 0.16] as $lightness) { $step = $oklch->withChannel('l', $lightness); }
50
100
200
300
400
500
600
700
800
900
950
Explore named color scales →

Format AliceBlue for the web

The same object can emit a compact Hex value, an sRGB CSS function, or its perceptual OKLCH coordinates.

<?php

$hex   = $aliceblue->toHex();
$rgb   = $aliceblue->toCss('srgb');
$oklch = $aliceblue->to('oklch')->toCss();
$hex = $aliceblue->toHex(); $rgb = $aliceblue->toCss('srgb'); $oklch = $aliceblue->to('oklch')->toCss();
hex
#f0f8ff
rgb
rgb(240 248 255)
oklch
oklch(0.975143 0.0126614 244.251)

Keep exploring

Continue from AliceBlue