Benannte Farbe · #E0D4E0
Tender Limerence
Tender Limerence ist #E0D4E0: rgb(224 212 224), hsl(300 16% 85%), oklch(0.883 0.021 325.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Tender Limerence color name →
#E0D4E0
oklch(0.883 0.021 325.8)
Farbumrechnungen
- HEX
- #e0d4e0
- RGB
- rgb(224 212 224)
- HSL
- hsl(300 16% 85%)
- HWB
- hwb(300 83% 12%)
- OKLCH
- oklch(0.883 0.021 325.8)
- OKLab
- oklab(0.883 0.017 -0.012)
- CIE Lab
- lab(86.16 5.86 -4.37)
- LCH
- lch(86.16 7.31 323.3)
- CMYK
- cmyk(0% 5% 0% 12%)
Tints · Shades · Tones
Tints
- E3D8E3
- E6DCE6
- E9E1E9
- ECE5EC
- EFE9EF
- F3EEF3
- F6F2F6
- F9F6F9
- FCFBFC
Shades
- C3B8C3
- A69DA6
- 8A838A
- 706970
- 565156
- 3E3A3E
- 272427
- 121012
- 020202
Tones
- D6CBD6
- CCC3CC
- C2BAC2
- B8B1B8
- AFA9AF
- A5A1A5
- 9C989C
- 929092
- 898889
Farbharmonien
Komplementär +180°
- E0D4E0
Tender Limerence
- D0DCD0
≈ Healthy Wealthy and Wise
Analog -30° +30°
- E0D4E0
Tender Limerence
- D9D6E5
≈ Perfection
- E5D3D9
≈ Ibis Mouse
Triadisch +120° +240°
- E0D4E0
Tender Limerence
- DFD8C9
≈ Stretched Canvas
- CADDDF
≈ Light Relax
Geteilt komplementär +150° +210°
- E0D4E0
Tender Limerence
- D7DACB
≈ Stage Whisper
- CBDDD8
≈ Light Quaver
Tetradisch +90° +180° +270°
- E0D4E0
Tender Limerence
- E4D5CC
≈ Ocean Sand
- D0DCD0
≈ Healthy Wealthy and Wise
- CCDBE5
≈ Blue Tulle
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.43:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.66:1 · APCA Lc 83
Beste Textfarbe: #000000
WCAG 14.66:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--tender-limerence: #e0d4e0;
--tender-limerence-rgb: 224 212 224;
--tender-limerence-oklch: oklch(0.883 0.021 325.8);
}
.element {
color: var(--tender-limerence);
background-color: hsl(300 16% 85%);
border-color: oklch(0.883 0.021 325.8);
}Tailwind CSS v4
@theme {
--color-tender-limerence: #e0d4e0;
--color-tender-limerence-50: #f9f3f8;
--color-tender-limerence-100: #ece5eb;
--color-tender-limerence-200: #d9d1d9;
--color-tender-limerence-300: #bdb4bd;
--color-tender-limerence-400: #a59aa5;
--color-tender-limerence-500: #8e828e;
--color-tender-limerence-600: #786e78;
--color-tender-limerence-700: #605860;
--color-tender-limerence-800: #464047;
--color-tender-limerence-900: #302c31;
--color-tender-limerence-950: #1d191d;
}SCSS
$tender-limerence: #e0d4e0;
$tender-limerence-rgb: 224, 212, 224;
$tender-limerence-light: mix(#fff, $tender-limerence, 20%);
$tender-limerence-dark: mix(#000, $tender-limerence, 20%);
.element {
color: $tender-limerence;
box-shadow: 0 0 0 2px rgba($tender-limerence, 0.35);
}