Nächste benannte Farbe · #E1CDB6
#E1CDB6
Nächste benannte Farbe: Oyster
#E1CDB6 (rgb(225 205 182), hsl(32 42% 80%), oklch(0.859 0.038 71.2)) liegt am nächsten an der benannten Farbe Oyster. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#E1CDB6
oklch(0.859 0.038 71.2)
Farbumrechnungen
- HEX
- #e1cdb6
- RGB
- rgb(225 205 182)
- HSL
- hsl(32 42% 80%)
- HWB
- hwb(32 71% 12%)
- OKLCH
- oklch(0.859 0.038 71.2)
- OKLab
- oklab(0.859 0.012 0.036)
- CIE Lab
- lab(83.63 4.52 14.16)
- LCH
- lch(83.63 14.87 72.3)
- CMYK
- cmyk(0% 9% 19% 12%)
Tints · Shades · Tones
Tints
- E4D2BD
- E7D7C4
- EADCCC
- EDE1D3
- F0E6DA
- F3EBE2
- F6F0E9
- F9F5F0
- FCFAF8
Shades
- C4B29E
- A79886
- 8B7E6F
- 706659
- 564E44
- 3E3830
- 27231D
- 120F0C
- 020202
Tones
- D7C5B1
- CDBDAB
- C3B5A6
- B9ADA0
- AFA69B
- A69E95
- 9C9690
- 938F8B
- 898785
Farbharmonien
Komplementär +180°
- E1CDB6
Oyster
- BFD3EA
≈ Light Water Wash
Analog -30° +30°
- E1CDB6
Oyster
- E8C9BE
≈ Au Naturel
- D5D2B6
≈ Pistachio Tang
Triadisch +120° +240°
- E1CDB6
Oyster
- B5D9D7
≈ Ring Box Blue
- D9CAE4
≈ Purity
Geteilt komplementär +150° +210°
- E1CDB6
Oyster
- B6D7E3
≈ Glacier Point
- CCCEEA
≈ Purple Pj’s
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.54:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.60:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.60:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--oyster: #e1cdb6;
--oyster-rgb: 225 205 182;
--oyster-oklch: oklch(0.859 0.038 71.2);
}
.element {
color: var(--oyster);
background-color: hsl(32 42% 80%);
border-color: oklch(0.859 0.038 71.2);
}Tailwind CSS v4
@theme {
--color-oyster: #e1cdb6;
--color-oyster-50: #fcf4e9;
--color-oyster-100: #f0e6da;
--color-oyster-200: #dfd2c3;
--color-oyster-300: #c4b5a2;
--color-oyster-400: #ad9b86;
--color-oyster-500: #97826b;
--color-oyster-600: #7f6e5b;
--color-oyster-700: #665848;
--color-oyster-800: #4b4034;
--color-oyster-900: #342c24;
--color-oyster-950: #201912;
}SCSS
$oyster: #e1cdb6;
$oyster-rgb: 225, 205, 182;
$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);
}