Adlandırılmış renk · #988F85
Elephant Ear
Elephant Ear, #988F85: rgb(152 143 133), hsl(32 8% 56%), oklch(0.655 0.018 70.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Elephant Ear color name →
#988F85
oklch(0.655 0.018 70.4)
Renk dönüşümleri
- HEX
- #988f85
- RGB
- rgb(152 143 133)
- HSL
- hsl(32 8% 56%)
- HWB
- hwb(32 52% 40%)
- OKLCH
- oklch(0.655 0.018 70.4)
- OKLab
- oklab(0.655 0.006 0.017)
- CIE Lab
- lab(59.98 2.13 6.6)
- LCH
- lch(59.98 6.94 72.1)
- CMYK
- cmyk(0% 6% 12% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A29A91
- ACA49C
- B6AFA8
- C0BAB4
- CAC6C0
- D5D1CD
- DFDCD9
- EAE8E6
- F4F3F2
Koyu tonlar
- 847C73
- 706961
- 5C5750
- 4A4540
- 383430
- 272421
- 171513
- 080706
- 010101
Gri tonlar
- 968D85
- 938C84
- 918A84
- 8E8983
- 8C8783
- 8A8682
- 878482
- 858381
- 828181
Renk uyumları
Tamamlayıcı +180°
- 988F85
Elephant Ear
- 89929C
≈ Quarry
Analog -30° +30°
- 988F85
Elephant Ear
- 9B8D88
≈ Satellite
- 939185
≈ Smoky Grey Green
Üçlü +120° +240°
- 988F85
Elephant Ear
- 859493
≈ Shady Grey
- 948E99
≈ Minimal Grey
Bölünmüş tamamlayıcı +150° +210°
- 988F85
Elephant Ear
- 859398
≈ Carrier Pigeon Blue
- 8E909C
≈ Tulle Grey
Dörtlü +90° +180° +270°
- 988F85
Elephant Ear
- 88948D
≈ Sandstone Grey Green
- 89929C
≈ Quarry
- 998D94
≈ Heather Red Grey
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.18:1 · APCA Lc 59
Ag
AASiyah üzerinde
WCAG 6.60:1 · APCA Lc 43
En iyi metin rengi: #000000
WCAG 6.60:1 (AA) · APCA Lc 43
Contrast pairs
Kod parçacıkları
CSS
:root {
--elephant-ear: #988f85;
--elephant-ear-rgb: 152 143 133;
--elephant-ear-oklch: oklch(0.655 0.018 70.4);
}
.element {
color: var(--elephant-ear);
background-color: hsl(32 8% 56%);
border-color: oklch(0.655 0.018 70.4);
}Tailwind CSS v4
@theme {
--color-elephant-ear: #988f85;
--color-elephant-ear-50: #f8f4f0;
--color-elephant-ear-100: #ece7e1;
--color-elephant-ear-200: #d9d3cc;
--color-elephant-ear-300: #bdb6ae;
--color-elephant-ear-400: #a69d93;
--color-elephant-ear-500: #8e8479;
--color-elephant-ear-600: #787067;
--color-elephant-ear-700: #605a52;
--color-elephant-ear-800: #47413c;
--color-elephant-ear-900: #312d29;
--color-elephant-ear-950: #1d1a17;
}SCSS
$elephant-ear: #988f85;
$elephant-ear-rgb: 152, 143, 133;
$elephant-ear-light: mix(#fff, $elephant-ear, 20%);
$elephant-ear-dark: mix(#000, $elephant-ear, 20%);
.element {
color: $elephant-ear;
box-shadow: 0 0 0 2px rgba($elephant-ear, 0.35);
}