Benannte Farbe · #CBCAC0
Passing Shadow
Passing Shadow ist #CBCAC0: rgb(203 202 192), hsl(55 10% 77%), oklch(0.837 0.014 102.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Passing Shadow color name →
#CBCAC0
oklch(0.837 0.014 102.1)
Farbumrechnungen
- HEX
- #cbcac0
- RGB
- rgb(203 202 192)
- HSL
- hsl(55 10% 77%)
- HWB
- hwb(55 75% 20%)
- OKLCH
- oklch(0.837 0.014 102.1)
- OKLab
- oklab(0.837 -0.003 0.013)
- CIE Lab
- lab(81.19 -0.97 5.14)
- LCH
- lch(81.19 5.23 100.7)
- CMYK
- cmyk(0% 0% 5% 20%)
Tints · Shades · Tones
Tints
- D0CFC6
- D5D4CC
- DADAD3
- E0DFD9
- E5E4DF
- EAEAE5
- EFEFEC
- F4F4F2
- FAFAF9
Shades
- B0AFA7
- 96958E
- 7D7C76
- 65645F
- 4D4D49
- 373734
- 222220
- 0F0F0E
- 020202
Tones
- C3C2B9
- BCBBB3
- B4B3AC
- ACACA6
- A5A49F
- 9D9D99
- 969693
- 8E8E8C
- 878786
Farbharmonien
Komplementär +180°
- CBCAC0
Passing Shadow
- C8C9D3
≈ Hyacinth Ice
Analog -30° +30°
- CBCAC0
Passing Shadow
- CFC8C0
≈ Limed White
- C6CCC2
≈ Chilean Sea Bass
Triadisch +120° +240°
- CBCAC0
Passing Shadow
- C0CCD0
≈ Stone Golem
- D0C6CC
≈ Victorian Cottage
Geteilt komplementär +150° +210°
- CBCAC0
Passing Shadow
- C3CAD2
≈ Light Spirit
- CCC7D0
≈ Chrome Chalice
Tetradisch +90° +180° +270°
- CBCAC0
Passing Shadow
- C0CDCC
≈ Scottish Heath
- C8C9D3
≈ Hyacinth Ice
- D2C6C7
≈ Aurora Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.64:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.74:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.74:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--passing-shadow: #cbcac0;
--passing-shadow-rgb: 203 202 192;
--passing-shadow-oklch: oklch(0.837 0.014 102.1);
}
.element {
color: var(--passing-shadow);
background-color: hsl(55 10% 77%);
border-color: oklch(0.837 0.014 102.1);
}Tailwind CSS v4
@theme {
--color-passing-shadow: #cbcac0;
--color-passing-shadow-50: #f6f5f1;
--color-passing-shadow-100: #e8e8e3;
--color-passing-shadow-200: #d5d5ce;
--color-passing-shadow-300: #b8b8b0;
--color-passing-shadow-400: #a09f96;
--color-passing-shadow-500: #88877c;
--color-passing-shadow-600: #737269;
--color-passing-shadow-700: #5c5b54;
--color-passing-shadow-800: #43433d;
--color-passing-shadow-900: #2e2e2a;
--color-passing-shadow-950: #1b1b18;
}SCSS
$passing-shadow: #cbcac0;
$passing-shadow-rgb: 203, 202, 192;
$passing-shadow-light: mix(#fff, $passing-shadow, 20%);
$passing-shadow-dark: mix(#000, $passing-shadow, 20%);
.element {
color: $passing-shadow;
box-shadow: 0 0 0 2px rgba($passing-shadow, 0.35);
}