Benannte Farbe · #D4D8ED
Sachet Cushion
Sachet Cushion ist #D4D8ED: rgb(212 216 237), hsl(230 41% 88%), oklch(0.886 0.029 277.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Sachet Cushion color name →
#D4D8ED
oklch(0.886 0.029 277.2)
Farbumrechnungen
- HEX
- #d4d8ed
- RGB
- rgb(212 216 237)
- HSL
- hsl(230 41% 88%)
- HWB
- hwb(230 83% 7%)
- OKLCH
- oklch(0.886 0.029 277.2)
- OKLab
- oklab(0.886 0.004 -0.029)
- CIE Lab
- lab(86.51 1.61 -10.83)
- LCH
- lch(86.51 10.95 278.4)
- CMYK
- cmyk(11% 9% 0% 7%)
Tints · Shades · Tones
Tints
- D8DCEF
- DCE0F1
- E1E4F2
- E5E8F4
- E9EBF6
- EEEFF8
- F2F3FA
- F6F7FB
- FBFBFD
Shades
- B8BCCE
- 9DA0B0
- 838593
- 696B77
- 51535C
- 3A3B42
- 24252A
- 101114
- 020203
Tones
- CBCFE2
- C3C6D6
- BABDCB
- B1B4C0
- A9ABB5
- A1A2AA
- 989A9F
- 909195
- 88888A
Farbharmonien
Komplementär +180°
- D4D8ED
Sachet Cushion
- DEDAC4
≈ I Miss You
Analog -30° +30°
- D4D8ED
Sachet Cushion
- CBDCEC
≈ Alaskan Skies
- DED5E9
≈ Light Purity
Triadisch +120° +240°
- D4D8ED
Sachet Cushion
- ECD3CC
≈ Fine Alabaster
- CADFD2
≈ Ruins of Civilization
Geteilt komplementär +150° +210°
- D4D8ED
Sachet Cushion
- E7D6C6
≈ Silver Thistle Beige
- D4DDC9
≈ Silver Laurel
Tetradisch +90° +180° +270°
- D4D8ED
Sachet Cushion
- ECD2D6
≈ Light Light Blush
- DEDAC4
≈ I Miss You
- C5E0DC
≈ Hushed Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.41:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.84:1 · APCA Lc 83
Beste Textfarbe: #000000
WCAG 14.84:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--sachet-cushion: #d4d8ed;
--sachet-cushion-rgb: 212 216 237;
--sachet-cushion-oklch: oklch(0.886 0.029 277.2);
}
.element {
color: var(--sachet-cushion);
background-color: hsl(230 41% 88%);
border-color: oklch(0.886 0.029 277.2);
}Tailwind CSS v4
@theme {
--color-sachet-cushion: #d4d8ed;
--color-sachet-cushion-50: #f3f4fe;
--color-sachet-cushion-100: #e5e7f2;
--color-sachet-cushion-200: #d1d3e1;
--color-sachet-cushion-300: #b4b6c7;
--color-sachet-cushion-400: #9a9db0;
--color-sachet-cushion-500: #81859a;
--color-sachet-cushion-600: #6d7082;
--color-sachet-cushion-700: #575a68;
--color-sachet-cushion-800: #3f424d;
--color-sachet-cushion-900: #2c2d35;
--color-sachet-cushion-950: #191a20;
}SCSS
$sachet-cushion: #d4d8ed;
$sachet-cushion-rgb: 212, 216, 237;
$sachet-cushion-light: mix(#fff, $sachet-cushion, 20%);
$sachet-cushion-dark: mix(#000, $sachet-cushion, 20%);
.element {
color: $sachet-cushion;
box-shadow: 0 0 0 2px rgba($sachet-cushion, 0.35);
}