Benannte Farbe · #C0C3D7
Lavender Escape
Lavender Escape ist #C0C3D7: rgb(192 195 215), hsl(232 22% 80%), oklch(0.821 0.028 279). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Lavender Escape color name →
#C0C3D7
oklch(0.821 0.028 279)
Farbumrechnungen
- HEX
- #c0c3d7
- RGB
- rgb(192 195 215)
- HSL
- hsl(232 22% 80%)
- HWB
- hwb(232 75% 16%)
- OKLCH
- oklch(0.821 0.028 279)
- OKLab
- oklab(0.821 0.004 -0.028)
- CIE Lab
- lab(79.02 1.85 -10.41)
- LCH
- lch(79.02 10.57 280.1)
- CMYK
- cmyk(11% 9% 0% 16%)
Tints · Shades · Tones
Tints
- C6C9DB
- CCCFDF
- D3D5E3
- D9DBE7
- DFE1EB
- E5E7EF
- ECEDF3
- F2F3F7
- F9F9FB
Shades
- A7A9BB
- 8E909F
- 767885
- 5F606B
- 494A52
- 34343B
- 202025
- 0E0E11
- 020202
Tones
- B9BCCE
- B3B5C5
- ACAEBC
- A6A8B3
- 9FA1AB
- 999AA2
- 939499
- 8C8D91
- 868688
Farbharmonien
Komplementär +180°
- C0C3D7
Lavender Escape
- C9C5B1
≈ Dune Grass
Analog -30° +30°
- C0C3D7
Lavender Escape
- B7C6D6
≈ Angelic Blue
- CAC0D3
≈ Powder Viola
Triadisch +120° +240°
- C0C3D7
Lavender Escape
- D6BFB7
≈ Wild Rice
- B6CABE
≈ Matte Jade Green
Geteilt komplementär +150° +210°
- C0C3D7
Lavender Escape
- D1C2B1
≈ Avenue Tan
- BFC8B5
≈ Clay Ash
Tetradisch +90° +180° +270°
- C0C3D7
Lavender Escape
- D6BDC0
≈ Lilac Buds
- C9C5B1
≈ Dune Grass
- B1CBC8
≈ Seaport Steam
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.74:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 12.02:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 12.02:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--lavender-escape: #c0c3d7;
--lavender-escape-rgb: 192 195 215;
--lavender-escape-oklch: oklch(0.821 0.028 279);
}
.element {
color: var(--lavender-escape);
background-color: hsl(232 22% 80%);
border-color: oklch(0.821 0.028 279);
}Tailwind CSS v4
@theme {
--color-lavender-escape: #c0c3d7;
--color-lavender-escape-50: #f3f4fd;
--color-lavender-escape-100: #e6e7f1;
--color-lavender-escape-200: #d2d3e0;
--color-lavender-escape-300: #b4b6c6;
--color-lavender-escape-400: #9a9daf;
--color-lavender-escape-500: #828599;
--color-lavender-escape-600: #6e7081;
--color-lavender-escape-700: #585a68;
--color-lavender-escape-800: #40424c;
--color-lavender-escape-900: #2c2d35;
--color-lavender-escape-950: #191a20;
}SCSS
$lavender-escape: #c0c3d7;
$lavender-escape-rgb: 192, 195, 215;
$lavender-escape-light: mix(#fff, $lavender-escape, 20%);
$lavender-escape-dark: mix(#000, $lavender-escape, 20%);
.element {
color: $lavender-escape;
box-shadow: 0 0 0 2px rgba($lavender-escape, 0.35);
}