Adlandırılmış renk · #E4E8E1
Poetic Licence
Poetic Licence, #E4E8E1: rgb(228 232 225), hsl(94 13% 90%), oklch(0.926 0.01 131.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Poetic Licence color name →
#E4E8E1
oklch(0.926 0.01 131.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E7EAE4
- E9EDE7
- ECEFEA
- EFF1ED
- F1F3F0
- F4F6F3
- F7F8F6
- FAFAF9
- FCFDFC
Koyu tonlar
- C6CAC4
- A9ACA7
- 8D908B
- 727470
- 585956
- 3F403E
- 282927
- 121312
- 030302
Gri tonlar
- DADDD7
- CFD2CD
- C5C8C3
- BBBDB9
- B1B3AF
- A7A8A6
- 9D9E9C
- 939493
- 8A8A89
Renk uyumları
Tamamlayıcı +180°
- E4E8E1
Poetic Licence
- E9E5EC
≈ Iris Isle
Analog -30° +30°
- E4E8E1
Poetic Licence
- E8E7DF
≈ Silver Dust
- E1E9E4
≈ Sea Pearl
Üçlü +120° +240°
- E4E8E1
Poetic Licence
- E2E7ED
≈ Genteel Lavender
- EDE4E5
≈ Lavender Pearl
Bölünmüş tamamlayıcı +150° +210°
- E4E8E1
Poetic Licence
- E5E6ED
≈ Cool Frost
- ECE4E8
≈ Lavender Pearl
Dörtlü +90° +180° +270°
- E4E8E1
Poetic Licence
- E0E8EB
≈ Sweet Illusion
- E9E5EC
≈ Iris Isle
- EDE4E1
≈ Whimsical White
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.24:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.92:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.92:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
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);
}