Adlandırılmış renk · #E2DED8
Poetic Light
Poetic Light, #E2DED8: rgb(226 222 216), hsl(36 15% 87%), oklch(0.902 0.009 78.3). 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 Light color name →
#E2DED8
oklch(0.902 0.009 78.3)
Renk dönüşümleri
- HEX
- #e2ded8
- RGB
- rgb(226 222 216)
- HSL
- hsl(36 15% 87%)
- HWB
- hwb(36 85% 11%)
- OKLCH
- oklch(0.902 0.009 78.3)
- OKLab
- oklab(0.902 0.002 0.009)
- CIE Lab
- lab(88.66 0.63 3.46)
- LCH
- lch(88.66 3.51 79.7)
- CMYK
- cmyk(0% 2% 4% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E5E1DC
- E8E5E0
- EBE8E4
- EEEBE7
- F0EEEB
- F3F2EF
- F6F5F3
- F9F8F7
- FCFCFB
Koyu tonlar
- C4C1BC
- A8A5A0
- 8C8985
- 716F6B
- 575553
- 3E3D3B
- 272625
- 121211
- 030202
Gri tonlar
- D8D4CF
- CECAC6
- C4C1BD
- BAB7B4
- B0AEAB
- A6A4A2
- 9C9B9A
- 939291
- 898988
Renk uyumları
Tamamlayıcı +180°
- E2DED8
Poetic Light
- DBDFE5
≈ Terminator Chrome
Analog -30° +30°
- E2DED8
Poetic Light
- E4DDD9
≈ Crushed Peony
- DFDFD8
≈ Statuesque
Üçlü +120° +240°
- E2DED8
Poetic Light
- D8E1E1
≈ Divine Inspiration
- E1DDE3
≈ February Frost
Bölünmüş tamamlayıcı +150° +210°
- E2DED8
Poetic Light
- D9E0E3
≈ Mainsail
- DEDEE5
≈ White Elephant
Dörtlü +90° +180° +270°
- E2DED8
Poetic Light
- D9E1DD
≈ Streetwise
- DBDFE5
≈ Terminator Chrome
- E4DCE0
≈ Rusty Pebble
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.33:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.67:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.67:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--poetic-light: #e2ded8;
--poetic-light-rgb: 226 222 216;
--poetic-light-oklch: oklch(0.902 0.009 78.3);
}
.element {
color: var(--poetic-light);
background-color: hsl(36 15% 87%);
border-color: oklch(0.902 0.009 78.3);
}Tailwind CSS v4
@theme {
--color-poetic-light: #e2ded8;
--color-poetic-light-50: #f6f5f2;
--color-poetic-light-100: #e9e7e4;
--color-poetic-light-200: #d6d4d0;
--color-poetic-light-300: #bab7b2;
--color-poetic-light-400: #a19e98;
--color-poetic-light-500: #8a857f;
--color-poetic-light-600: #74716c;
--color-poetic-light-700: #5d5a56;
--color-poetic-light-800: #44423f;
--color-poetic-light-900: #2f2d2b;
--color-poetic-light-950: #1c1a19;
}SCSS
$poetic-light: #e2ded8;
$poetic-light-rgb: 226, 222, 216;
$poetic-light-light: mix(#fff, $poetic-light, 20%);
$poetic-light-dark: mix(#000, $poetic-light, 20%);
.element {
color: $poetic-light;
box-shadow: 0 0 0 2px rgba($poetic-light, 0.35);
}