Benannte Farbe · #E3D4CF
Pandora Grey
Pandora Grey ist #E3D4CF: rgb(227 212 207), hsl(15 26% 85%), oklch(0.881 0.018 39.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Pandora Grey color name →
#E3D4CF
oklch(0.881 0.018 39.4)
Farbumrechnungen
- HEX
- #e3d4cf
- RGB
- rgb(227 212 207)
- HSL
- hsl(15 26% 85%)
- HWB
- hwb(15 81% 11%)
- OKLCH
- oklch(0.881 0.018 39.4)
- OKLab
- oklab(0.881 0.014 0.011)
- CIE Lab
- lab(86.04 4.73 4.44)
- LCH
- lch(86.04 6.49 43.2)
- CMYK
- cmyk(0% 7% 9% 11%)
Tints · Shades · Tones
Tints
- E6D8D4
- E9DCD8
- EBE1DD
- EEE5E2
- F1E9E7
- F4EEEC
- F7F2F0
- F9F6F5
- FCFBFA
Shades
- C5B8B4
- A89D99
- 8C837F
- 716967
- 57514F
- 3F3A38
- 272423
- 121010
- 030202
Tones
- D9CBC7
- CEC3BF
- C4BAB7
- BAB1AF
- B0A9A7
- A6A19F
- 9D9897
- 93908F
- 898888
Farbharmonien
Komplementär +180°
- E3D4CF
Pandora Grey
- CBDBE0
≈ Reflection Pool
Analog -30° +30°
- E3D4CF
Pandora Grey
- E3D3D5
≈ Hapsburg Court
- E0D6CB
≈ Castle Beige
Triadisch +120° +240°
- E3D4CF
Pandora Grey
- CEDCD3
≈ Light Soft Celadon
- D5D7E4
≈ So Blue-Berry
Geteilt komplementär +150° +210°
- E3D4CF
Pandora Grey
- CBDCDA
≈ Snow in June
- CFD9E3
≈ Pale Cornflower
Tetradisch +90° +180° +270°
- E3D4CF
Pandora Grey
- D4DACE
≈ Grape Oil Green
- CBDBE0
≈ Reflection Pool
- DBD5E1
≈ Titan White
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.43:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.58:1 · APCA Lc 82
Beste Textfarbe: #000000
WCAG 14.58:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--pandora-grey: #e3d4cf;
--pandora-grey-rgb: 227 212 207;
--pandora-grey-oklch: oklch(0.881 0.018 39.4);
}
.element {
color: var(--pandora-grey);
background-color: hsl(15 26% 85%);
border-color: oklch(0.881 0.018 39.4);
}Tailwind CSS v4
@theme {
--color-pandora-grey: #e3d4cf;
--color-pandora-grey-50: #faf3f1;
--color-pandora-grey-100: #eee6e3;
--color-pandora-grey-200: #dbd2ce;
--color-pandora-grey-300: #c0b5b0;
--color-pandora-grey-400: #a99b97;
--color-pandora-grey-500: #91827d;
--color-pandora-grey-600: #7b6e6a;
--color-pandora-grey-700: #625855;
--color-pandora-grey-800: #48403e;
--color-pandora-grey-900: #322c2b;
--color-pandora-grey-950: #1e1918;
}SCSS
$pandora-grey: #e3d4cf;
$pandora-grey-rgb: 227, 212, 207;
$pandora-grey-light: mix(#fff, $pandora-grey, 20%);
$pandora-grey-dark: mix(#000, $pandora-grey, 20%);
.element {
color: $pandora-grey;
box-shadow: 0 0 0 2px rgba($pandora-grey, 0.35);
}