Nächste benannte Farbe · #E6C1B7
#E6C1B7
Nächste benannte Farbe: Muddy Rose
#E6C1B7 (rgb(230 193 183), hsl(13 48% 81%), oklch(0.84 0.045 35.6)) liegt am nächsten an der benannten Farbe Muddy Rose. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#E6C1B7
oklch(0.84 0.045 35.6)
Farbumrechnungen
- HEX
- #e6c1b7
- RGB
- rgb(230 193 183)
- HSL
- hsl(13 48% 81%)
- HWB
- hwb(13 72% 10%)
- OKLCH
- oklch(0.84 0.045 35.6)
- OKLab
- oklab(0.84 0.036 0.026)
- CIE Lab
- lab(81.13 12.47 10.23)
- LCH
- lch(81.13 16.13 39.4)
- CMYK
- cmyk(0% 16% 20% 10%)
Tints · Shades · Tones
Tints
- E9C7BE
- EBCDC5
- EED3CC
- F0DAD3
- F3E0DB
- F5E6E2
- F8ECE9
- FAF2F0
- FDF9F8
Shades
- C8A79F
- AB8F87
- 8E7770
- 735F5A
- 594945
- 403431
- 28201E
- 130E0C
- 030202
Tones
- DBBAB1
- D1B4AC
- C7ADA6
- BCA7A1
- B2A09B
- A89A96
- 9E9390
- 948D8B
- 8A8685
Farbharmonien
Komplementär +180°
- E6C1B7
Muddy Rose
- AAD3DD
≈ Light Blue Glint
Analog -30° +30°
- E6C1B7
Muddy Rose
- E5BFC6
≈ Soap Pink
- E0C5AD
≈ Gypsum Rose
Triadisch +120° +240°
- E6C1B7
Muddy Rose
- B4D4BE
≈ Ginninderra
- C2C9E8
≈ Powdered Granite
Geteilt komplementär +150° +210°
- E6C1B7
Muddy Rose
- ABD5CF
≈ Eton Blue
- B3CEE7
≈ Morality
Tetradisch +90° +180° +270°
- E6C1B7
Muddy Rose
- C3D0B1
≈ Stability
- AAD3DD
≈ Light Blue Glint
- D1C4E2
≈ Lavender Bliss
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.65:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.67:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.67:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--muddy-rose: #e6c1b7;
--muddy-rose-rgb: 230 193 183;
--muddy-rose-oklch: oklch(0.84 0.045 35.6);
}
.element {
color: var(--muddy-rose);
background-color: hsl(13 48% 81%);
border-color: oklch(0.84 0.045 35.6);
}Tailwind CSS v4
@theme {
--color-muddy-rose: #e6c1b7;
--color-muddy-rose-50: #fff1ec;
--color-muddy-rose-100: #f6e3dd;
--color-muddy-rose-200: #e6cec7;
--color-muddy-rose-300: #cdb0a7;
--color-muddy-rose-400: #b7968d;
--color-muddy-rose-500: #a17c72;
--color-muddy-rose-600: #886961;
--color-muddy-rose-700: #6d544d;
--color-muddy-rose-800: #513d38;
--color-muddy-rose-900: #382a27;
--color-muddy-rose-950: #231715;
}SCSS
$muddy-rose: #e6c1b7;
$muddy-rose-rgb: 230, 193, 183;
$muddy-rose-light: mix(#fff, $muddy-rose, 20%);
$muddy-rose-dark: mix(#000, $muddy-rose, 20%);
.element {
color: $muddy-rose;
box-shadow: 0 0 0 2px rgba($muddy-rose, 0.35);
}