Benannte Farbe · #D0C9C3
Pearl Ash
Pearl Ash ist #D0C9C3: rgb(208 201 195), hsl(28 12% 79%), oklch(0.84 0.011 63.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Pearl Ash color name →
#D0C9C3
oklch(0.84 0.011 63.3)
Farbumrechnungen
- HEX
- #d0c9c3
- RGB
- rgb(208 201 195)
- HSL
- hsl(28 12% 79%)
- HWB
- hwb(28 76% 18%)
- OKLCH
- oklch(0.84 0.011 63.3)
- OKLab
- oklab(0.84 0.005 0.01)
- CIE Lab
- lab(81.41 1.73 3.92)
- LCH
- lch(81.41 4.28 66.1)
- CMYK
- cmyk(0% 3% 6% 18%)
Tints · Shades · Tones
Tints
- D5CEC9
- D9D4CF
- DED9D5
- E3DEDB
- E7E4E1
- ECE9E7
- F1EFED
- F5F4F3
- FAF9F9
Shades
- B5AEA9
- 9A9590
- 807C78
- 676460
- 4F4C4A
- 393634
- 232220
- 100F0E
- 020202
Tones
- C8C1BC
- BFBAB5
- B7B2AE
- AFABA8
- A7A4A1
- 9F9C9A
- 979594
- 8F8E8D
- 888786
Farbharmonien
Komplementär +180°
- D0C9C3
Pearl Ash
- C4CBD1
≈ Paparazzi Flash
Analog -30° +30°
- D0C9C3
Pearl Ash
- D2C8C6
≈ Lunette
- CDCAC2
≈ Swirling Smoke
Triadisch +120° +240°
- D0C9C3
Pearl Ash
- C3CDCB
≈ Scottish Heath
- CCC9D1
≈ Chrome Chalice
Geteilt komplementär +150° +210°
- D0C9C3
Pearl Ash
- C3CDCF
≈ Tudor Ice
- C8CAD2
≈ Sharp Grey
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.63:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.82:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.82:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--pearl-ash: #d0c9c3;
--pearl-ash-rgb: 208 201 195;
--pearl-ash-oklch: oklch(0.84 0.011 63.3);
}
.element {
color: var(--pearl-ash);
background-color: hsl(28 12% 79%);
border-color: oklch(0.84 0.011 63.3);
}Tailwind CSS v4
@theme {
--color-pearl-ash: #d0c9c3;
--color-pearl-ash-50: #f7f4f2;
--color-pearl-ash-100: #ebe7e4;
--color-pearl-ash-200: #d8d3cf;
--color-pearl-ash-300: #bcb6b1;
--color-pearl-ash-400: #a39d98;
--color-pearl-ash-500: #8c857f;
--color-pearl-ash-600: #76706b;
--color-pearl-ash-700: #5f5a56;
--color-pearl-ash-800: #45423e;
--color-pearl-ash-900: #302d2b;
--color-pearl-ash-950: #1c1a18;
}SCSS
$pearl-ash: #d0c9c3;
$pearl-ash-rgb: 208, 201, 195;
$pearl-ash-light: mix(#fff, $pearl-ash, 20%);
$pearl-ash-dark: mix(#000, $pearl-ash, 20%);
.element {
color: $pearl-ash;
box-shadow: 0 0 0 2px rgba($pearl-ash, 0.35);
}