Benannte Farbe · #E3D3BF
Oyster
Oyster ist #E3D3BF: rgb(227 211 191), hsl(33 39% 82%), oklch(0.875 0.032 73.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Oyster color name →
#E3D3BF
oklch(0.875 0.032 73.5)
Farbumrechnungen
- HEX
- #e3d3bf
- RGB
- rgb(227 211 191)
- HSL
- hsl(33 39% 82%)
- HWB
- hwb(33 75% 11%)
- OKLCH
- oklch(0.875 0.032 73.5)
- OKLab
- oklab(0.875 0.009 0.031)
- CIE Lab
- lab(85.48 3.32 12.04)
- LCH
- lch(85.48 12.49 74.6)
- CMYK
- cmyk(0% 7% 16% 11%)
Tints · Shades · Tones
Tints
- E6D7C5
- E9DCCC
- EBE0D2
- EEE4D8
- F1E9DF
- F4EDE5
- F7F2EC
- F9F6F2
- FCFBF9
Shades
- C5B7A6
- A89C8D
- 8C8275
- 71695E
- 575148
- 3F3A33
- 27241F
- 12100D
- 030202
Tones
- D9CAB9
- CEC2B2
- C4B9AC
- BAB1A5
- B0A99F
- A6A099
- 9D9893
- 93908C
- 898886
Farbharmonien
Komplementär +180°
- E3D3BF
Oyster
- C7D7EB
≈ Fluid Blue
Analog -30° +30°
- E3D3BF
Oyster
- E9CFC5
≈ Mosaic Pink
- D9D7BF
≈ White Moss
Triadisch +120° +240°
- E3D3BF
Oyster
- BEDDDC
≈ Mech Suit
- DDD0E5
≈ Shimmering Sky
Geteilt komplementär +150° +210°
- E3D3BF
Oyster
- C0DBE6
≈ Pacific Breeze
- D2D3EB
≈ Artistic Violet
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.46:1 · APCA Lc 22
Ag
AAAAuf Schwarz
WCAG 14.33:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.33:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--oyster: #e3d3bf;
--oyster-rgb: 227 211 191;
--oyster-oklch: oklch(0.875 0.032 73.5);
}
.element {
color: var(--oyster);
background-color: hsl(33 39% 82%);
border-color: oklch(0.875 0.032 73.5);
}Tailwind CSS v4
@theme {
--color-oyster: #e3d3bf;
--color-oyster-50: #fbf4eb;
--color-oyster-100: #eee7dc;
--color-oyster-200: #dcd3c5;
--color-oyster-300: #c1b5a6;
--color-oyster-400: #aa9c8a;
--color-oyster-500: #93836f;
--color-oyster-600: #7d6f5e;
--color-oyster-700: #64594b;
--color-oyster-800: #4a4136;
--color-oyster-900: #332d25;
--color-oyster-950: #1f1a14;
}SCSS
$oyster: #e3d3bf;
$oyster-rgb: 227, 211, 191;
$oyster-light: mix(#fff, $oyster, 20%);
$oyster-dark: mix(#000, $oyster, 20%);
.element {
color: $oyster;
box-shadow: 0 0 0 2px rgba($oyster, 0.35);
}