Benannte Farbe · #CBD1D0
Ghost Whisperer
Ghost Whisperer ist #CBD1D0: rgb(203 209 208), hsl(170 6% 81%), oklch(0.856 0.007 185.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Ghost Whisperer color name →
#CBD1D0
oklch(0.856 0.007 185.2)
Farbumrechnungen
- HEX
- #cbd1d0
- RGB
- rgb(203 209 208)
- HSL
- hsl(170 6% 81%)
- HWB
- hwb(170 80% 18%)
- OKLCH
- oklch(0.856 0.007 185.2)
- OKLab
- oklab(0.856 -0.007 -0.001)
- CIE Lab
- lab(83.35 -2.26 -0.25)
- LCH
- lch(83.35 2.27 186.4)
- CMYK
- cmyk(3% 0% 0% 18%)
Tints · Shades · Tones
Tints
- D0D6D5
- D5DAD9
- DADFDE
- E0E3E3
- E5E8E7
- EAECEC
- EFF1F1
- F4F6F5
- FAFAFA
Shades
- B0B5B5
- 969B9A
- 7D8180
- 656867
- 4D504F
- 373939
- 222323
- 0F1010
- 020202
Tones
- C3C9C8
- BCC0BF
- B4B8B7
- ACB0AF
- A5A8A7
- 9DA09F
- 969897
- 8E908F
- 878888
Farbharmonien
Komplementär +180°
- CBD1D0
Ghost Whisperer
- D4CECF
≈ Dry Season
Analog -30° +30°
- CBD1D0
Ghost Whisperer
- CCD1CE
≈ Blue Blush
- CBD1D2
≈ Harp Strings
Triadisch +120° +240°
- CBD1D0
Ghost Whisperer
- D0CED3
≈ Inuit White
- D3CFCB
≈ Elusion
Geteilt komplementär +150° +210°
- CBD1D0
Ghost Whisperer
- D2CED1
≈ Light Easter Rabbit
- D4CECD
≈ Dry Season
Tetradisch +90° +180° +270°
- CBD1D0
Ghost Whisperer
- CECFD4
≈ Ash Tree Bark
- D4CECF
≈ Dry Season
- D1D0CB
≈ Gazebo Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.54:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.57:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.57:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--ghost-whisperer: #cbd1d0;
--ghost-whisperer-rgb: 203 209 208;
--ghost-whisperer-oklch: oklch(0.856 0.007 185.2);
}
.element {
color: var(--ghost-whisperer);
background-color: hsl(170 6% 81%);
border-color: oklch(0.856 0.007 185.2);
}Tailwind CSS v4
@theme {
--color-ghost-whisperer: #cbd1d0;
--color-ghost-whisperer-50: #f3f6f5;
--color-ghost-whisperer-100: #e5e8e8;
--color-ghost-whisperer-200: #d1d5d5;
--color-ghost-whisperer-300: #b4b8b8;
--color-ghost-whisperer-400: #9aa09f;
--color-ghost-whisperer-500: #818887;
--color-ghost-whisperer-600: #6e7372;
--color-ghost-whisperer-700: #585c5b;
--color-ghost-whisperer-800: #404342;
--color-ghost-whisperer-900: #2c2e2e;
--color-ghost-whisperer-950: #191b1b;
}SCSS
$ghost-whisperer: #cbd1d0;
$ghost-whisperer-rgb: 203, 209, 208;
$ghost-whisperer-light: mix(#fff, $ghost-whisperer, 20%);
$ghost-whisperer-dark: mix(#000, $ghost-whisperer, 20%);
.element {
color: $ghost-whisperer;
box-shadow: 0 0 0 2px rgba($ghost-whisperer, 0.35);
}