Benannte Farbe · #D1C7B8
Parisian Cashmere
Parisian Cashmere ist #D1C7B8: rgb(209 199 184), hsl(36 21% 77%), oklch(0.834 0.023 78.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Parisian Cashmere color name →
#D1C7B8
oklch(0.834 0.023 78.2)
Farbumrechnungen
- HEX
- #d1c7b8
- RGB
- rgb(209 199 184)
- HSL
- hsl(36 21% 77%)
- HWB
- hwb(36 72% 18%)
- OKLCH
- oklch(0.834 0.023 78.2)
- OKLab
- oklab(0.834 0.005 0.023)
- CIE Lab
- lab(80.76 1.72 8.85)
- LCH
- lch(80.76 9.02 79)
- CMYK
- cmyk(0% 5% 12% 18%)
Tints · Shades · Tones
Tints
- D6CCBF
- DAD2C6
- DFD8CD
- E3DDD4
- E8E3DB
- ECE8E2
- F1EEE9
- F6F4F1
- FAF9F8
Shades
- B5ADA0
- 9B9388
- 817A71
- 68625B
- 504C45
- 393631
- 23211E
- 100E0C
- 020202
Tones
- C9C0B2
- C0B8AD
- B8B1A7
- B0AAA1
- A8A39C
- A09C96
- 989590
- 908E8B
- 888785
Farbharmonien
Komplementär +180°
- D1C7B8
Parisian Cashmere
- BFC9D8
≈ Dancing Mist
Analog -30° +30°
- D1C7B8
Parisian Cashmere
- D6C4BC
≈ New Wool
- C9CAB9
≈ Sparkling Sage
Triadisch +120° +240°
- D1C7B8
Parisian Cashmere
- B8CDCE
≈ Turquoise Grey
- CFC4D3
≈ Mecha Kitty
Geteilt komplementär +150° +210°
- D1C7B8
Parisian Cashmere
- BACCD5
≈ Salty Tears
- C7C6D7
≈ Amourette
Tetradisch +90° +180° +270°
- D1C7B8
Parisian Cashmere
- BBCEC6
≈ Jet Stream
- BFC9D8
≈ Dancing Mist
- D5C3CB
≈ Old Mission Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.67:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.57:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.57:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--parisian-cashmere: #d1c7b8;
--parisian-cashmere-rgb: 209 199 184;
--parisian-cashmere-oklch: oklch(0.834 0.023 78.2);
}
.element {
color: var(--parisian-cashmere);
background-color: hsl(36 21% 77%);
border-color: oklch(0.834 0.023 78.2);
}Tailwind CSS v4
@theme {
--color-parisian-cashmere: #d1c7b8;
--color-parisian-cashmere-50: #f9f5ee;
--color-parisian-cashmere-100: #ece7df;
--color-parisian-cashmere-200: #d9d3c9;
--color-parisian-cashmere-300: #beb6aa;
--color-parisian-cashmere-400: #a69d8f;
--color-parisian-cashmere-500: #8f8575;
--color-parisian-cashmere-600: #797063;
--color-parisian-cashmere-700: #615a4f;
--color-parisian-cashmere-800: #47413a;
--color-parisian-cashmere-900: #312d27;
--color-parisian-cashmere-950: #1d1a16;
}SCSS
$parisian-cashmere: #d1c7b8;
$parisian-cashmere-rgb: 209, 199, 184;
$parisian-cashmere-light: mix(#fff, $parisian-cashmere, 20%);
$parisian-cashmere-dark: mix(#000, $parisian-cashmere, 20%);
.element {
color: $parisian-cashmere;
box-shadow: 0 0 0 2px rgba($parisian-cashmere, 0.35);
}