Adlandırılmış renk · #E2C8B7
Ellen
Ellen, #E2C8B7: rgb(226 200 183), hsl(24 43% 80%), oklch(0.85 0.038 55.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Ellen color name →
#E2C8B7
oklch(0.85 0.038 55.3)
Renk dönüşümleri
- HEX
- #e2c8b7
- RGB
- rgb(226 200 183)
- HSL
- hsl(24 43% 80%)
- HWB
- hwb(24 72% 11%)
- OKLCH
- oklch(0.85 0.038 55.3)
- OKLab
- oklab(0.85 0.021 0.031)
- CIE Lab
- lab(82.48 7.47 12.06)
- LCH
- lch(82.48 14.19 58.2)
- CMYK
- cmyk(0% 12% 19% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E5CDBE
- E8D3C5
- EBD8CC
- EEDED3
- F1E3DB
- F4E9E2
- F6EEE9
- F9F4F0
- FCF9F8
Koyu tonlar
- C4AE9F
- A89487
- 8C7B70
- 71635A
- 574C45
- 3E3631
- 27211E
- 120F0C
- 030202
Gri tonlar
- D8C1B1
- CEB9AC
- C4B2A6
- BAABA1
- B0A39B
- A69C96
- 9C9590
- 938E8B
- 898785
Renk uyumları
Tamamlayıcı +180°
- E2C8B7
Ellen
- B7D2E3
≈ Delicate Ice
Analog -30° +30°
- E2C8B7
Ellen
- E6C5C1
≈ Empire Rose
- D9CCB3
≈ Vanderbilt Beach
Üçlü +120° +240°
- E2C8B7
Ellen
- B5D6CC
≈ Gemini
- CFC9E4
≈ Italian Fitch
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.59:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.17:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.17:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--ellen: #e2c8b7;
--ellen-rgb: 226 200 183;
--ellen-oklch: oklch(0.85 0.038 55.3);
}
.element {
color: var(--ellen);
background-color: hsl(24 43% 80%);
border-color: oklch(0.85 0.038 55.3);
}Tailwind CSS v4
@theme {
--color-ellen: #e2c8b7;
--color-ellen-50: #fef3eb;
--color-ellen-100: #f2e5dc;
--color-ellen-200: #e1d1c5;
--color-ellen-300: #c7b3a5;
--color-ellen-400: #b1998a;
--color-ellen-500: #9a806f;
--color-ellen-600: #836c5e;
--color-ellen-700: #69574b;
--color-ellen-800: #4d3f36;
--color-ellen-900: #362b25;
--color-ellen-950: #211914;
}SCSS
$ellen: #e2c8b7;
$ellen-rgb: 226, 200, 183;
$ellen-light: mix(#fff, $ellen, 20%);
$ellen-dark: mix(#000, $ellen, 20%);
.element {
color: $ellen;
box-shadow: 0 0 0 2px rgba($ellen, 0.35);
}