Benannte Farbe · #ECD7C6
Rose Lotion
Rose Lotion ist #ECD7C6: rgb(236 215 198), hsl(27 50% 85%), oklch(0.892 0.033 61.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Rose Lotion color name →
#ECD7C6
oklch(0.892 0.033 61.4)
Farbumrechnungen
- HEX
- #ecd7c6
- RGB
- rgb(236 215 198)
- HSL
- hsl(27 50% 85%)
- HWB
- hwb(27 78% 7%)
- OKLCH
- oklch(0.892 0.033 61.4)
- OKLab
- oklab(0.892 0.016 0.029)
- CIE Lab
- lab(87.39 5.49 11.19)
- LCH
- lch(87.39 12.47 63.9)
- CMYK
- cmyk(0% 9% 16% 7%)
Tints · Shades · Tones
Tints
- EEDBCC
- F0DFD1
- F2E3D7
- F4E7DD
- F6EBE2
- F8EFE8
- F9F3EE
- FBF7F3
- FDFBF9
Shades
- CDBBAC
- AF9F92
- 92857A
- 766B62
- 5B524B
- 423B35
- 292521
- 13110E
- 030202
Tones
- E1CEBF
- D6C5B8
- CABCB1
- BFB3A9
- B5ABA2
- AAA29B
- 9F9995
- 95918E
- 8A8887
Farbharmonien
Komplementär +180°
- ECD7C6
Rose Lotion
- C9DFF0
≈ Empress Lila
Analog -30° +30°
- ECD7C6
Rose Lotion
- F0D4CE
≈ Va Va Bloom
- E3DBC3
≈ Belvedere Cream
Triadisch +120° +240°
- ECD7C6
Rose Lotion
- C5E3DD
≈ Misty Isle
- DFD7EE
≈ Light Purity
Geteilt komplementär +150° +210°
- ECD7C6
Rose Lotion
- C4E2E8
≈ Ambient Light
- D3DBF2
≈ Blissful Meditation
Tetradisch +90° +180° +270°
- ECD7C6
Rose Lotion
- CCE2D1
≈ Enchanted
- C9DFF0
≈ Empress Lila
- E9D4E5
≈ Champagne Elegance
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.39:1 · APCA Lc 19
Ag
AAAAuf Schwarz
WCAG 15.10:1 · APCA Lc 85
Beste Textfarbe: #000000
WCAG 15.10:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--rose-lotion: #ecd7c6;
--rose-lotion-rgb: 236 215 198;
--rose-lotion-oklch: oklch(0.892 0.033 61.4);
}
.element {
color: var(--rose-lotion);
background-color: hsl(27 50% 85%);
border-color: oklch(0.892 0.033 61.4);
}Tailwind CSS v4
@theme {
--color-rose-lotion: #ecd7c6;
--color-rose-lotion-50: #fcf3ec;
--color-rose-lotion-100: #f0e6dd;
--color-rose-lotion-200: #dfd2c6;
--color-rose-lotion-300: #c4b4a7;
--color-rose-lotion-400: #ad9a8b;
--color-rose-lotion-500: #978270;
--color-rose-lotion-600: #7f6e5f;
--color-rose-lotion-700: #66584c;
--color-rose-lotion-800: #4b4037;
--color-rose-lotion-900: #342c26;
--color-rose-lotion-950: #201914;
}SCSS
$rose-lotion: #ecd7c6;
$rose-lotion-rgb: 236, 215, 198;
$rose-lotion-light: mix(#fff, $rose-lotion, 20%);
$rose-lotion-dark: mix(#000, $rose-lotion, 20%);
.element {
color: $rose-lotion;
box-shadow: 0 0 0 2px rgba($rose-lotion, 0.35);
}