Benannte Farbe · #E4E8E1
Poetic Licence
Poetic Licence ist #E4E8E1: rgb(228 232 225), hsl(94 13% 90%), oklch(0.926 0.01 131.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Poetic Licence color name →
#E4E8E1
oklch(0.926 0.01 131.4)
Farbumrechnungen
- HEX
- #e4e8e1
- RGB
- rgb(228 232 225)
- HSL
- hsl(94 13% 90%)
- HWB
- hwb(94 88% 9%)
- OKLCH
- oklch(0.926 0.01 131.4)
- OKLab
- oklab(0.926 -0.007 0.008)
- CIE Lab
- lab(91.54 -2.32 2.92)
- LCH
- lch(91.54 3.73 128.4)
- CMYK
- cmyk(2% 0% 3% 9%)
Tints · Shades · Tones
Tints
- E7EAE4
- E9EDE7
- ECEFEA
- EFF1ED
- F1F3F0
- F4F6F3
- F7F8F6
- FAFAF9
- FCFDFC
Shades
- C6CAC4
- A9ACA7
- 8D908B
- 727470
- 585956
- 3F403E
- 282927
- 121312
- 030302
Tones
- DADDD7
- CFD2CD
- C5C8C3
- BBBDB9
- B1B3AF
- A7A8A6
- 9D9E9C
- 939493
- 8A8A89
Farbharmonien
Komplementär +180°
- E4E8E1
Poetic Licence
- E9E5EC
≈ Iris Isle
Analog -30° +30°
- E4E8E1
Poetic Licence
- E8E7DF
≈ Silver Dust
- E1E9E4
≈ Sea Pearl
Triadisch +120° +240°
- E4E8E1
Poetic Licence
- E2E7ED
≈ Genteel Lavender
- EDE4E5
≈ Lavender Pearl
Geteilt komplementär +150° +210°
- E4E8E1
Poetic Licence
- E5E6ED
≈ Cool Frost
- ECE4E8
≈ Lavender Pearl
Tetradisch +90° +180° +270°
- E4E8E1
Poetic Licence
- E0E8EB
≈ Sweet Illusion
- E9E5EC
≈ Iris Isle
- EDE4E1
≈ Whimsical White
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.24:1 · APCA Lc 12
Ag
AAAAuf Schwarz
WCAG 16.92:1 · APCA Lc 92
Beste Textfarbe: #000000
WCAG 16.92:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--poetic-licence: #e4e8e1;
--poetic-licence-rgb: 228 232 225;
--poetic-licence-oklch: oklch(0.926 0.01 131.4);
}
.element {
color: var(--poetic-licence);
background-color: hsl(94 13% 90%);
border-color: oklch(0.926 0.01 131.4);
}Tailwind CSS v4
@theme {
--color-poetic-licence: #e4e8e1;
--color-poetic-licence-50: #f4f6f3;
--color-poetic-licence-100: #e6e9e5;
--color-poetic-licence-200: #d2d5d1;
--color-poetic-licence-300: #b5b8b3;
--color-poetic-licence-400: #9ca099;
--color-poetic-licence-500: #848881;
--color-poetic-licence-600: #6f736d;
--color-poetic-licence-700: #595c57;
--color-poetic-licence-800: #41433f;
--color-poetic-licence-900: #2d2e2c;
--color-poetic-licence-950: #1a1b19;
}SCSS
$poetic-licence: #e4e8e1;
$poetic-licence-rgb: 228, 232, 225;
$poetic-licence-light: mix(#fff, $poetic-licence, 20%);
$poetic-licence-dark: mix(#000, $poetic-licence, 20%);
.element {
color: $poetic-licence;
box-shadow: 0 0 0 2px rgba($poetic-licence, 0.35);
}