En yakın adlandırılmış renk · #EBC0AE
#EBC0AE
En yakın adlandırılmış renk: Fatty Sashimi
#EBC0AE (rgb(235 192 174), hsl(18 60% 80%), oklch(0.841 0.055 43.9)) en çok Fatty Sashimi 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.
#EBC0AE
oklch(0.841 0.055 43.9)
Renk dönüşümleri
- HEX
- #ebc0ae
- RGB
- rgb(235 192 174)
- HSL
- hsl(18 60% 80%)
- HWB
- hwb(18 68% 8%)
- OKLCH
- oklch(0.841 0.055 43.9)
- OKLab
- oklab(0.841 0.04 0.038)
- CIE Lab
- lab(81.2 13.93 15.2)
- LCH
- lch(81.2 20.62 47.5)
- CMYK
- cmyk(0% 18% 26% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDC6B6
- EFCDBE
- F2D3C6
- F4D9CE
- F6DFD6
- F8E6DE
- FAECE6
- FBF2EF
- FDF9F7
Koyu tonlar
- CCA797
- AE8E80
- 91766A
- 755F55
- 5B4941
- 41342E
- 29201C
- 130E0B
- 030201
Gri tonlar
- E0B9A9
- D5B3A5
- CAACA0
- BFA69C
- B5A097
- AA9992
- 9F938E
- 958D89
- 8A8685
Renk uyumları
Tamamlayıcı +180°
- EBC0AE
Fatty Sashimi
- A4D3E6
≈ Laissez-Faire
Analog -30° +30°
- EBC0AE
Fatty Sashimi
- EDBDC0
≈ Blush Rush
- E1C6A3
≈ October Bounty
Üçlü +120° +240°
- EBC0AE
Fatty Sashimi
- AAD7C1
≈ Southern Belle
- C6C7EF
≈ Soap
Bölünmüş tamamlayıcı +150° +210°
- EBC0AE
Fatty Sashimi
- A1D7D5
≈ Smooth Satin
- B2CDEF
≈ Alphabet Blue
Dörtlü +90° +180° +270°
- EBC0AE
Fatty Sashimi
- BCD3AF
≈ Jaded Lime
- A4D3E6
≈ Laissez-Faire
- D8C1E5
≈ Sky Blue Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.65:1 · APCA Lc 29
Ag
AAASiyah üzerinde
WCAG 12.68:1 · APCA Lc 74
En iyi metin rengi: #000000
WCAG 12.68:1 (AAA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--fatty-sashimi: #ebc0ae;
--fatty-sashimi-rgb: 235 192 174;
--fatty-sashimi-oklch: oklch(0.841 0.055 43.9);
}
.element {
color: var(--fatty-sashimi);
background-color: hsl(18 60% 80%);
border-color: oklch(0.841 0.055 43.9);
}Tailwind CSS v4
@theme {
--color-fatty-sashimi: #ebc0ae;
--color-fatty-sashimi-50: #fff1e8;
--color-fatty-sashimi-100: #f9e3d9;
--color-fatty-sashimi-200: #eacec1;
--color-fatty-sashimi-300: #d1afa0;
--color-fatty-sashimi-400: #bb9584;
--color-fatty-sashimi-500: #a67b68;
--color-fatty-sashimi-600: #8c6859;
--color-fatty-sashimi-700: #715347;
--color-fatty-sashimi-800: #533c33;
--color-fatty-sashimi-900: #3a2923;
--color-fatty-sashimi-950: #241712;
}SCSS
$fatty-sashimi: #ebc0ae;
$fatty-sashimi-rgb: 235, 192, 174;
$fatty-sashimi-light: mix(#fff, $fatty-sashimi, 20%);
$fatty-sashimi-dark: mix(#000, $fatty-sashimi, 20%);
.element {
color: $fatty-sashimi;
box-shadow: 0 0 0 2px rgba($fatty-sashimi, 0.35);
}