En yakın adlandırılmış renk · #E8A283
#E8A283
En yakın adlandırılmış renk: Les Demoiselles d’Avignon
#E8A283 (rgb(232 162 131), hsl(18 69% 71%), oklch(0.773 0.094 44.8)) en çok Les Demoiselles d’Avignon adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#E8A283
oklch(0.773 0.094 44.8)
Renk dönüşümleri
- HEX
- #e8a283
- RGB
- rgb(232 162 131)
- HSL
- hsl(18 69% 71%)
- HWB
- hwb(18 51% 9%)
- OKLCH
- oklch(0.773 0.094 44.8)
- OKLab
- oklab(0.773 0.067 0.066)
- CIE Lab
- lab(73.04 24.08 27.1)
- LCH
- lch(73.04 36.25 48.4)
- CMYK
- cmyk(0% 30% 44% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EBAB8F
- EEB59C
- F0BEA8
- F3C7B4
- F5D1C1
- F8DACD
- FAE3D9
- FCECE6
- FDF6F2
Koyu tonlar
- CA8C71
- AC7760
- 90634F
- 744F3F
- 593C2F
- 402A20
- 291912
- 130A06
- 030101
Gri tonlar
- DE9F83
- D39C83
- C99883
- BE9583
- B49283
- AA8E82
- 9F8B82
- 958781
- 8A8481
Renk uyumları
Tamamlayıcı +180°
- E8A283
Les Demoiselles d’Avignon
- 6DC2E2
≈ Mizu
Analog -30° +30°
- E8A283
Les Demoiselles d’Avignon
- EB9CA2
≈ River Rouge
- D9AD6F
≈ Frankincense
Üçlü +120° +240°
- E8A283
Les Demoiselles d’Avignon
- 78C8A6
≈ Minted Elegance
- AEADEF
≈ Maximum Blue Purple
Bölünmüş tamamlayıcı +150° +210°
- E8A283
Les Demoiselles d’Avignon
- 64C8C7
≈ Chinese Lacquer
- 8CB8F0
≈ Electric Eel
Dörtlü +90° +180° +270°
- E8A283
Les Demoiselles d’Avignon
- 9BC386
≈ Picnic
- 6DC2E2
≈ Mizu
- CCA3DF
≈ Spring Wisteria
Kontrast ve erişilebilirlik
Beyaz üzerinde
WCAG 2.11:1 · APCA Lc 41
Siyah üzerinde
WCAG 9.92:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.92:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--les-demoiselles-d-avignon: #e8a283;
--les-demoiselles-d-avignon-rgb: 232 162 131;
--les-demoiselles-d-avignon-oklch: oklch(0.773 0.094 44.8);
}
.element {
color: var(--les-demoiselles-d-avignon);
background-color: hsl(18 69% 71%);
border-color: oklch(0.773 0.094 44.8);
}Tailwind CSS v4
@theme {
--color-les-demoiselles-d-avignon: #e8a283;
--color-les-demoiselles-d-avignon-50: #ffeedf;
--color-les-demoiselles-d-avignon-100: #ffdfce;
--color-les-demoiselles-d-avignon-200: #f7c9b3;
--color-les-demoiselles-d-avignon-300: #e0a98f;
--color-les-demoiselles-d-avignon-400: #cd8d70;
--color-les-demoiselles-d-avignon-500: #ba7150;
--color-les-demoiselles-d-avignon-600: #9d6044;
--color-les-demoiselles-d-avignon-700: #7e4d36;
--color-les-demoiselles-d-avignon-800: #5e3727;
--color-les-demoiselles-d-avignon-900: #42261a;
--color-les-demoiselles-d-avignon-950: #2a140b;
}SCSS
$les-demoiselles-d-avignon: #e8a283;
$les-demoiselles-d-avignon-rgb: 232, 162, 131;
$les-demoiselles-d-avignon-light: mix(#fff, $les-demoiselles-d-avignon, 20%);
$les-demoiselles-d-avignon-dark: mix(#000, $les-demoiselles-d-avignon, 20%);
.element {
color: $les-demoiselles-d-avignon;
box-shadow: 0 0 0 2px rgba($les-demoiselles-d-avignon, 0.35);
}