Benannte Farbe · #CA9E9C
Remembrance
Remembrance ist #CA9E9C: rgb(202 158 156), hsl(3 30% 70%), oklch(0.739 0.053 21.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Remembrance color name →
#CA9E9C
oklch(0.739 0.053 21.4)
Farbumrechnungen
- HEX
- #ca9e9c
- RGB
- rgb(202 158 156)
- HSL
- hsl(3 30% 70%)
- HWB
- hwb(3 61% 21%)
- OKLCH
- oklch(0.739 0.053 21.4)
- OKLab
- oklab(0.739 0.049 0.019)
- CIE Lab
- lab(69.23 16.62 7.65)
- LCH
- lch(69.23 18.29 24.7)
- CMYK
- cmyk(0% 22% 23% 21%)
Tints · Shades · Tones
Tints
- D0A7A6
- D5B1AF
- DABAB9
- E0C4C3
- E5CECC
- EAD7D6
- F0E1E0
- F5EBEB
- FAF5F5
Shades
- AF8987
- 957473
- 7C605F
- 644D4C
- 4D3A39
- 372928
- 221818
- 0F0909
- 020101
Tones
- C39B99
- BB9896
- B49594
- AC9291
- A58F8E
- 9E8C8B
- 968988
- 8F8686
- 878383
Farbharmonien
Komplementär +180°
- CA9E9C
Remembrance
- 83B5B8
≈ Lifeboat Blue
Analog -30° +30°
- CA9E9C
Remembrance
- C69DAE
≈ Damsel
- C7A28D
≈ Peanut Butter Crust
Triadisch +120° +240°
- CA9E9C
Remembrance
- 99B395
≈ Dew Green
- 98ABCD
≈ Brunnera Blue
Geteilt komplementär +150° +210°
- CA9E9C
Remembrance
- 89B6A6
≈ Source Green
- 89B1C6
≈ Batch Blue
Tetradisch +90° +180° +270°
- CA9E9C
Remembrance
- ABAE88
≈ Wall Green
- 83B5B8
≈ Lifeboat Blue
- AAA5CA
≈ Violeta Silvestre
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.36:1 · APCA Lc 47
Ag
AAAAuf Schwarz
WCAG 8.88:1 · APCA Lc 55
Beste Textfarbe: #000000
WCAG 8.88:1 (AAA) · APCA Lc 55
Contrast pairs
Code-Snippets
CSS
:root {
--remembrance: #ca9e9c;
--remembrance-rgb: 202 158 156;
--remembrance-oklch: oklch(0.739 0.053 21.4);
}
.element {
color: var(--remembrance);
background-color: hsl(3 30% 70%);
border-color: oklch(0.739 0.053 21.4);
}Tailwind CSS v4
@theme {
--color-remembrance: #ca9e9c;
--color-remembrance-50: #fff0ee;
--color-remembrance-100: #f9e2e0;
--color-remembrance-200: #eaccca;
--color-remembrance-300: #d1adab;
--color-remembrance-400: #bc9391;
--color-remembrance-500: #a77977;
--color-remembrance-600: #8d6665;
--color-remembrance-700: #715250;
--color-remembrance-800: #533b3b;
--color-remembrance-900: #3a2928;
--color-remembrance-950: #241616;
}SCSS
$remembrance: #ca9e9c;
$remembrance-rgb: 202, 158, 156;
$remembrance-light: mix(#fff, $remembrance, 20%);
$remembrance-dark: mix(#000, $remembrance, 20%);
.element {
color: $remembrance;
box-shadow: 0 0 0 2px rgba($remembrance, 0.35);
}