Benannte Farbe · #E3CBC4
Rose Beige
Rose Beige ist #E3CBC4: rgb(227 203 196), hsl(14 36% 83%), oklch(0.86 0.029 36.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Rose Beige color name →
#E3CBC4
oklch(0.86 0.029 36.9)
Farbumrechnungen
- HEX
- #e3cbc4
- RGB
- rgb(227 203 196)
- HSL
- hsl(14 36% 83%)
- HWB
- hwb(14 77% 11%)
- OKLCH
- oklch(0.86 0.029 36.9)
- OKLab
- oklab(0.86 0.023 0.017)
- CIE Lab
- lab(83.57 7.84 6.73)
- LCH
- lch(83.57 10.33 40.6)
- CMYK
- cmyk(0% 11% 14% 11%)
Tints · Shades · Tones
Tints
- E6D0CA
- E9D5D0
- ECDAD5
- EEE0DB
- F1E5E1
- F4EAE7
- F7EFED
- FAF4F3
- FCFAF9
Shades
- C5B0AA
- A89691
- 8C7D78
- 716561
- 574D4A
- 3F3735
- 272221
- 120F0E
- 030202
Tones
- D9C3BD
- CEBCB6
- C4B4AF
- BAACA8
- B0A5A1
- A79D9B
- 9D9694
- 938F8D
- 898787
Farbharmonien
Komplementär +180°
- E3CBC4
Rose Beige
- BDD6DD
≈ Blue Perennial
Analog -30° +30°
- E3CBC4
Rose Beige
- E3CACE
≈ Perfume Cloud
- DECEBE
≈ Brig O’doon
Triadisch +120° +240°
- E3CBC4
Rose Beige
- C3D7CA
≈ New Moss
- CCD0E4
≈ Wildflower Prairie
Geteilt komplementär +150° +210°
- E3CBC4
Rose Beige
- BDD8D4
≈ Viridian Green
- C3D3E3
≈ Leap of Faith
Tetradisch +90° +180° +270°
- E3CBC4
Rose Beige
- CCD5C1
≈ Ligado
- BDD6DD
≈ Blue Perennial
- D6CCE0
≈ Whipped Plum
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 {
--rose-beige: #e3cbc4;
--rose-beige-rgb: 227 203 196;
--rose-beige-oklch: oklch(0.86 0.029 36.9);
}
.element {
color: var(--rose-beige);
background-color: hsl(14 36% 83%);
border-color: oklch(0.86 0.029 36.9);
}Tailwind CSS v4
@theme {
--color-rose-beige: #e3cbc4;
--color-rose-beige-50: #fdf3ef;
--color-rose-beige-100: #f1e5e1;
--color-rose-beige-200: #e0d0cb;
--color-rose-beige-300: #c5b3ad;
--color-rose-beige-400: #af9993;
--color-rose-beige-500: #988079;
--color-rose-beige-600: #816c66;
--color-rose-beige-700: #675752;
--color-rose-beige-800: #4c3f3c;
--color-rose-beige-900: #352b29;
--color-rose-beige-950: #201917;
}SCSS
$rose-beige: #e3cbc4;
$rose-beige-rgb: 227, 203, 196;
$rose-beige-light: mix(#fff, $rose-beige, 20%);
$rose-beige-dark: mix(#000, $rose-beige, 20%);
.element {
color: $rose-beige;
box-shadow: 0 0 0 2px rgba($rose-beige, 0.35);
}