Adlandırılmış renk · #817162
Elephant
Elephant, #817162: rgb(129 113 98), hsl(29 14% 45%), oklch(0.559 0.03 65.3). 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 color name →
#817162
oklch(0.559 0.03 65.3)
Renk dönüşümleri
- HEX
- #817162
- RGB
- rgb(129 113 98)
- HSL
- hsl(29 14% 45%)
- HWB
- hwb(29 38% 49%)
- OKLCH
- oklch(0.559 0.03 65.3)
- OKLab
- oklab(0.559 0.013 0.027)
- CIE Lab
- lab(48.84 4.58 10.78)
- LCH
- lch(48.84 11.71 67)
- CMYK
- cmyk(0% 12% 24% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8D7E71
- 998C7F
- A5998E
- B2A79E
- BEB6AD
- CBC4BD
- D8D2CD
- E5E1DE
- F2F0EE
Koyu tonlar
- 6F6154
- 5E5247
- 4E433A
- 3E352D
- 2E2721
- 1F1A16
- 120E0B
- 060403
- 010100
Gri tonlar
- 817365
- 817468
- 81766B
- 81776E
- 817971
- 817A74
- 807C77
- 807D7A
- 807F7D
Renk uyumları
Tamamlayıcı +180°
- 817162
Elephant
- 667685
≈ Space Convoy
Analog -30° +30°
- 817162
Elephant
- 856E68
≈ Granite Boulder
- 797461
≈ Amazon River
Üçlü +120° +240°
- 817162
Elephant
- 617A77
≈ Refreshing Green
- 787083
≈ Ritual
Bölünmüş tamamlayıcı +150° +210°
- 817162
Elephant
- 61797F
≈ Crater Lake
- 6F7386
≈ Blue Aura
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.69:1 · APCA Lc 73
Ag
FailSiyah üzerinde
WCAG 4.47:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.69:1 (AA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--elephant: #817162;
--elephant-rgb: 129 113 98;
--elephant-oklch: oklch(0.559 0.03 65.3);
}
.element {
color: var(--elephant);
background-color: hsl(29 14% 45%);
border-color: oklch(0.559 0.03 65.3);
}Tailwind CSS v4
@theme {
--color-elephant: #817162;
--color-elephant-50: #fbf4ec;
--color-elephant-100: #efe6de;
--color-elephant-200: #ddd2c7;
--color-elephant-300: #c2b5a7;
--color-elephant-400: #ab9b8c;
--color-elephant-500: #958372;
--color-elephant-600: #7e6e60;
--color-elephant-700: #65584d;
--color-elephant-800: #4a4038;
--color-elephant-900: #332c26;
--color-elephant-950: #1f1915;
}SCSS
$elephant: #817162;
$elephant-rgb: 129, 113, 98;
$elephant-light: mix(#fff, $elephant, 20%);
$elephant-dark: mix(#000, $elephant, 20%);
.element {
color: $elephant;
box-shadow: 0 0 0 2px rgba($elephant, 0.35);
}