Adlandırılmış renk · #7C6042
Eastlake
Eastlake, #7C6042: rgb(124 96 66), hsl(31 31% 37%), oklch(0.51 0.057 67.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Eastlake color name →
#7C6042
oklch(0.51 0.057 67.9)
Renk dönüşümleri
- HEX
- #7c6042
- RGB
- rgb(124 96 66)
- HSL
- hsl(31 31% 37%)
- HWB
- hwb(31 26% 51%)
- OKLCH
- oklch(0.51 0.057 67.9)
- OKLab
- oklab(0.51 0.021 0.053)
- CIE Lab
- lab(43.06 8.67 21.7)
- LCH
- lch(43.06 23.37 68.2)
- CMYK
- cmyk(0% 23% 47% 51%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 896F54
- 957E65
- A28D78
- AF9D8A
- BCAD9D
- C9BDB0
- D6CDC3
- E4DDD7
- F1EEEB
Koyu tonlar
- 6B5238
- 5A452F
- 4A3825
- 3B2C1C
- 2C2014
- 1E150B
- 110A05
- 050301
- 010000
Gri tonlar
- 7D6348
- 7D674F
- 7E6A55
- 7E6D5B
- 7F7061
- 7F7368
- 7F776E
- 807A74
- 807D7A
Renk uyumları
Tamamlayıcı +180°
- 7C6042
Eastlake
- 4C6985
≈ Wedgewood
Analog -30° +30°
- 7C6042
Eastlake
- 835B4E
≈ Iron Oxide
- 6F6740
≈ Swinging Vine
Üçlü +120° +240°
- 7C6042
Eastlake
- 3C716C
≈ Jungle Noises
- 6F5D80
≈ Grape Compote
Bölünmüş tamamlayıcı +150° +210°
- 7C6042
Eastlake
- 3D6E7C
≈ Grand Rapids
- 5E6387
≈ Pharaoh Purple
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.81:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.60:1 · APCA Lc 23
En iyi metin rengi: #FFFFFF
WCAG 5.81:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--eastlake: #7c6042;
--eastlake-rgb: 124 96 66;
--eastlake-oklch: oklch(0.51 0.057 67.9);
}
.element {
color: var(--eastlake);
background-color: hsl(31 31% 37%);
border-color: oklch(0.51 0.057 67.9);
}Tailwind CSS v4
@theme {
--color-eastlake: #7c6042;
--color-eastlake-50: #fff3e4;
--color-eastlake-100: #f5e5d4;
--color-eastlake-200: #e5d1bb;
--color-eastlake-300: #cbb398;
--color-eastlake-400: #b5997b;
--color-eastlake-500: #a07f5d;
--color-eastlake-600: #876c4f;
--color-eastlake-700: #6c563f;
--color-eastlake-800: #503f2d;
--color-eastlake-900: #382b1f;
--color-eastlake-950: #22180e;
}SCSS
$eastlake: #7c6042;
$eastlake-rgb: 124, 96, 66;
$eastlake-light: mix(#fff, $eastlake, 20%);
$eastlake-dark: mix(#000, $eastlake, 20%);
.element {
color: $eastlake;
box-shadow: 0 0 0 2px rgba($eastlake, 0.35);
}