Adlandırılmış renk · #A78876
Tribal Pottery
Tribal Pottery, #A78876: rgb(167 136 118), hsl(22 22% 56%), oklch(0.651 0.046 51.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Tribal Pottery color name →
#A78876
oklch(0.651 0.046 51.8)
Renk dönüşümleri
- HEX
- #a78876
- RGB
- rgb(167 136 118)
- HSL
- hsl(22 22% 56%)
- HWB
- hwb(22 46% 35%)
- OKLCH
- oklch(0.651 0.046 51.8)
- OKLab
- oklab(0.651 0.029 0.036)
- CIE Lab
- lab(59.29 10.16 14.38)
- LCH
- lch(59.29 17.61 54.7)
- CMYK
- cmyk(0% 19% 29% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B09383
- B89F90
- C1AA9D
- CAB6AB
- D3C2B9
- DCCEC6
- E4DAD4
- EDE6E2
- F6F3F1
Koyu tonlar
- 917566
- 7B6356
- 665247
- 524138
- 3E3129
- 2C221C
- 1A130F
- 0A0605
- 010101
Gri tonlar
- A38777
- 9F8778
- 9B8679
- 98857A
- 94847B
- 90837C
- 8C837D
- 88827E
- 84817F
Renk uyumları
Tamamlayıcı +180°
- A78876
Tribal Pottery
- 7395A7
≈ Architecture Blue
Analog -30° +30°
- A78876
Tribal Pottery
- AA8583
≈ Rocky Mountain
- 9E8D70
≈ Barro Verde
Üçlü +120° +240°
- A78876
Tribal Pottery
- 73998C
≈ Silent Sage
- 8F8BAA
≈ Antique Viola
Bölünmüş tamamlayıcı +150° +210°
- A78876
Tribal Pottery
- 6E989B
≈ Teal & Tonic
- 8090AC
≈ Papilio Argeotus
Dörtlü +90° +180° +270°
- A78876
Tribal Pottery
- 80977D
≈ Dinosaur
- 7395A7
≈ Architecture Blue
- 9D86A1
≈ Amethyst Grey Violet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.26:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.42:1 · APCA Lc 42
En iyi metin rengi: #000000
WCAG 6.42:1 (AA) · APCA Lc 42
Contrast pairs
Kod parçacıkları
CSS
:root {
--tribal-pottery: #a78876;
--tribal-pottery-rgb: 167 136 118;
--tribal-pottery-oklch: oklch(0.651 0.046 51.8);
}
.element {
color: var(--tribal-pottery);
background-color: hsl(22 22% 56%);
border-color: oklch(0.651 0.046 51.8);
}Tailwind CSS v4
@theme {
--color-tribal-pottery: #a78876;
--color-tribal-pottery-50: #fff2e9;
--color-tribal-pottery-100: #f5e4da;
--color-tribal-pottery-200: #e5cfc2;
--color-tribal-pottery-300: #cbb2a2;
--color-tribal-pottery-400: #b59786;
--color-tribal-pottery-500: #a07e6a;
--color-tribal-pottery-600: #876b5a;
--color-tribal-pottery-700: #6c5548;
--color-tribal-pottery-800: #503e34;
--color-tribal-pottery-900: #382b24;
--color-tribal-pottery-950: #221812;
}SCSS
$tribal-pottery: #a78876;
$tribal-pottery-rgb: 167, 136, 118;
$tribal-pottery-light: mix(#fff, $tribal-pottery, 20%);
$tribal-pottery-dark: mix(#000, $tribal-pottery, 20%);
.element {
color: $tribal-pottery;
box-shadow: 0 0 0 2px rgba($tribal-pottery, 0.35);
}