En yakın adlandırılmış renk · #847462
#847462
En yakın adlandırılmış renk: Aztec Temple
#847462 (rgb(132 116 98), hsl(32 15% 45%), oklch(0.569 0.033 70.4)) en çok Aztec Temple 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.
#847462
oklch(0.569 0.033 70.4)
Renk dönüşümleri
- HEX
- #847462
- RGB
- rgb(132 116 98)
- HSL
- hsl(32 15% 45%)
- HWB
- hwb(32 38% 48%)
- OKLCH
- oklch(0.569 0.033 70.4)
- OKLab
- oklab(0.569 0.011 0.031)
- CIE Lab
- lab(49.97 4.2 12.39)
- LCH
- lch(49.97 13.08 71.3)
- CMYK
- cmyk(0% 12% 26% 48%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 908171
- 9C8E7F
- A79C8F
- B4A99E
- C0B7AE
- CCC5BD
- D9D3CD
- E5E2DE
- F2F0EE
Koyu tonlar
- 726454
- 605447
- 4F453A
- 3F372D
- 2F2921
- 201B16
- 120F0B
- 060503
- 010100
Gri tonlar
- 847565
- 837668
- 83786B
- 83796E
- 827A71
- 827B74
- 817C77
- 817E7A
- 807F7D
Renk uyumları
Tamamlayıcı +180°
- 847462
Aztec Temple
- 69798A
≈ Menacing Clouds
Analog -30° +30°
- 847462
Aztec Temple
- 897168
≈ Elkhound
- 7B7861
≈ Denali Green
Üçlü +120° +240°
- 847462
Aztec Temple
- 617E7B
≈ Teal Stencil
- 7D7286
≈ Peruvian Violet
Bölünmüş tamamlayıcı +150° +210°
- 847462
Aztec Temple
- 627C85
≈ Smokey Blue
- 73758B
≈ Little Theatre
Dörtlü +90° +180° +270°
- 847462
Aztec Temple
- 667D70
≈ Cypress Garden
- 69798A
≈ Menacing Clouds
- 85707D
≈ Innocent Pink
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.51:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.65:1 · APCA Lc 30
En iyi metin rengi: #000000
WCAG 4.65:1 (AA) · APCA Lc 30
Contrast pairs
Kod parçacıkları
CSS
:root {
--aztec-temple: #847462;
--aztec-temple-rgb: 132 116 98;
--aztec-temple-oklch: oklch(0.569 0.033 70.4);
}
.element {
color: var(--aztec-temple);
background-color: hsl(32 15% 45%);
border-color: oklch(0.569 0.033 70.4);
}Tailwind CSS v4
@theme {
--color-aztec-temple: #847462;
--color-aztec-temple-50: #fbf4eb;
--color-aztec-temple-100: #efe6dc;
--color-aztec-temple-200: #ddd2c5;
--color-aztec-temple-300: #c2b5a5;
--color-aztec-temple-400: #ab9b8a;
--color-aztec-temple-500: #95836f;
--color-aztec-temple-600: #7e6f5e;
--color-aztec-temple-700: #65594b;
--color-aztec-temple-800: #4a4036;
--color-aztec-temple-900: #342c25;
--color-aztec-temple-950: #1f1914;
}SCSS
$aztec-temple: #847462;
$aztec-temple-rgb: 132, 116, 98;
$aztec-temple-light: mix(#fff, $aztec-temple, 20%);
$aztec-temple-dark: mix(#000, $aztec-temple, 20%);
.element {
color: $aztec-temple;
box-shadow: 0 0 0 2px rgba($aztec-temple, 0.35);
}