Adlandırılmış renk · #926A25
Armageddon Dunes
Armageddon Dunes, #926A25: rgb(146 106 37), hsl(38 60% 36%), oklch(0.552 0.098 77.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Armageddon Dunes color name →
#926A25
oklch(0.552 0.098 77.4)
Renk dönüşümleri
- HEX
- #926a25
- RGB
- rgb(146 106 37)
- HSL
- hsl(38 60% 36%)
- HWB
- hwb(38 15% 43%)
- OKLCH
- oklch(0.552 0.098 77.4)
- OKLab
- oklab(0.552 0.021 0.096)
- CIE Lab
- lab(48.06 11.48 43.31)
- LCH
- lch(48.06 44.81 75.2)
- CMYK
- cmyk(0% 27% 75% 43%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9D783E
- A88754
- B2956A
- BDA47F
- C8B394
- D3C2A9
- DED1BE
- E9E0D3
- F4EFE9
Koyu tonlar
- 7E5B1F
- 6B4D19
- 583F13
- 46310D
- 352408
- 251804
- 160D02
- 080400
- 010000
Gri tonlar
- 906D32
- 8F6F3D
- 8D7147
- 8B7450
- 8A7658
- 887861
- 867A69
- 847C71
- 827E78
Renk uyumları
Tamamlayıcı +180°
- 926A25
Armageddon Dunes
- 4C73AB
≈ Plunder
Analog -30° +30°
- 926A25
Armageddon Dunes
- A15F3D
≈ Desert Soil
- 797629
≈ Crocodile Eye
Üçlü +120° +240°
- 926A25
Armageddon Dunes
- 008385
≈ Fanfare
- 8A5F98
≈ Wisteria Purple
Bölünmüş tamamlayıcı +150° +210°
- 926A25
Armageddon Dunes
- 1D7D9F
≈ Turkish Tile
- 6F68A9
≈ Inner Journey
Dörtlü +90° +180° +270°
- 926A25
Armageddon Dunes
- 278466
≈ Accent Green Blue
- 4C73AB
≈ Plunder
- 9C597D
≈ Feminism
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.87:1 · APCA Lc 74
Ag
FailSiyah üzerinde
WCAG 4.31:1 · APCA Lc 28
En iyi metin rengi: #FFFFFF
WCAG 4.87:1 (AA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--armageddon-dunes: #926a25;
--armageddon-dunes-rgb: 146 106 37;
--armageddon-dunes-oklch: oklch(0.552 0.098 77.4);
}
.element {
color: var(--armageddon-dunes);
background-color: hsl(38 60% 36%);
border-color: oklch(0.552 0.098 77.4);
}Tailwind CSS v4
@theme {
--color-armageddon-dunes: #926a25;
--color-armageddon-dunes-50: #fff3d6;
--color-armageddon-dunes-100: #fae5c4;
--color-armageddon-dunes-200: #ebd0a5;
--color-armageddon-dunes-300: #d2b27d;
--color-armageddon-dunes-400: #bf9759;
--color-armageddon-dunes-500: #aa7d30;
--color-armageddon-dunes-600: #906a2a;
--color-armageddon-dunes-700: #735521;
--color-armageddon-dunes-800: #563d17;
--color-armageddon-dunes-900: #3c2a0e;
--color-armageddon-dunes-950: #261703;
}SCSS
$armageddon-dunes: #926a25;
$armageddon-dunes-rgb: 146, 106, 37;
$armageddon-dunes-light: mix(#fff, $armageddon-dunes, 20%);
$armageddon-dunes-dark: mix(#000, $armageddon-dunes, 20%);
.element {
color: $armageddon-dunes;
box-shadow: 0 0 0 2px rgba($armageddon-dunes, 0.35);
}