Adlandırılmış renk · #E2D4AD
Meadow Dew
Meadow Dew, #E2D4AD: rgb(226 212 173), hsl(44 48% 78%), oklch(0.871 0.054 90.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Meadow Dew color name →
#E2D4AD
oklch(0.871 0.054 90.6)
Renk dönüşümleri
- HEX
- #e2d4ad
- RGB
- rgb(226 212 173)
- HSL
- hsl(44 48% 78%)
- HWB
- hwb(44 68% 11%)
- OKLCH
- oklch(0.871 0.054 90.6)
- OKLab
- oklab(0.871 -0.001 0.054)
- CIE Lab
- lab(85.33 0.52 21.22)
- LCH
- lch(85.33 21.23 88.6)
- CMYK
- cmyk(0% 6% 23% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E5D8B5
- E8DDBD
- EBE1C6
- EEE5CE
- F0E9D6
- F3EEDE
- F6F2E6
- F9F6EF
- FCFBF7
Koyu tonlar
- C4B896
- A89D7F
- 8C836A
- 716955
- 575141
- 3E3A2D
- 27241B
- 12100B
- 030201
Gri tonlar
- D8CBA9
- CEC3A4
- C4BAA0
- BAB29B
- B0A997
- A6A192
- 9C988E
- 939089
- 898885
Renk uyumları
Tamamlayıcı +180°
- E2D4AD
Meadow Dew
- C7D4F9
≈ Pale Phthalo Blue
Analog -30° +30°
- E2D4AD
Meadow Dew
- F0CDB2
≈ Peach Darling
- CFDBB3
≈ Pallid Light Green
Üçlü +120° +240°
- E2D4AD
Meadow Dew
- ACDFE9
≈ Quiet Nook
- EAC8E5
≈ Venetian Rose
Bölünmüş tamamlayıcı +150° +210°
- E2D4AD
Meadow Dew
- B6DAF5
≈ Blue Rice
- DACDF3
≈ Plum’s the Word
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.47:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.25:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.25:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--meadow-dew: #e2d4ad;
--meadow-dew-rgb: 226 212 173;
--meadow-dew-oklch: oklch(0.871 0.054 90.6);
}
.element {
color: var(--meadow-dew);
background-color: hsl(44 48% 78%);
border-color: oklch(0.871 0.054 90.6);
}Tailwind CSS v4
@theme {
--color-meadow-dew: #e2d4ad;
--color-meadow-dew-50: #faf5e4;
--color-meadow-dew-100: #eee8d4;
--color-meadow-dew-200: #dcd4bb;
--color-meadow-dew-300: #c1b799;
--color-meadow-dew-400: #aa9e7a;
--color-meadow-dew-500: #94855d;
--color-meadow-dew-600: #7d714f;
--color-meadow-dew-700: #645a3f;
--color-meadow-dew-800: #4a422d;
--color-meadow-dew-900: #332d1e;
--color-meadow-dew-950: #1f1a0e;
}SCSS
$meadow-dew: #e2d4ad;
$meadow-dew-rgb: 226, 212, 173;
$meadow-dew-light: mix(#fff, $meadow-dew, 20%);
$meadow-dew-dark: mix(#000, $meadow-dew, 20%);
.element {
color: $meadow-dew;
box-shadow: 0 0 0 2px rgba($meadow-dew, 0.35);
}