Adlandırılmış renk · #927D7B
Warplock Bronze Metal
Warplock Bronze Metal, #927D7B: rgb(146 125 123), hsl(5 10% 53%), oklch(0.609 0.026 24.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? → · Warplock Bronze Metal color name →
#927D7B
oklch(0.609 0.026 24.3)
Renk dönüşümleri
- HEX
- #927d7b
- RGB
- rgb(146 125 123)
- HSL
- hsl(5 10% 53%)
- HWB
- hwb(5 48% 43%)
- OKLCH
- oklch(0.609 0.026 24.3)
- OKLab
- oklab(0.609 0.024 0.011)
- CIE Lab
- lab(54.34 8.08 4.24)
- LCH
- lch(54.34 9.12 27.7)
- CMYK
- cmyk(0% 14% 16% 43%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9D8987
- A79694
- B2A2A1
- BDAFAE
- C7BCBB
- D2C9C8
- DDD6D6
- E9E4E3
- F4F1F1
Koyu tonlar
- 7E6C6A
- 6B5B5A
- 584B4A
- 463B3A
- 352C2C
- 251E1E
- 161110
- 080505
- 010101
Gri tonlar
- 907D7C
- 8F7E7C
- 8D7E7D
- 8B7E7D
- 897F7E
- 877F7E
- 867F7F
- 847F7F
- 828080
Renk uyumları
Tamamlayıcı +180°
- 927D7B
Warplock Bronze Metal
- 71888A
≈ Deep Thoughts
Analog -30° +30°
- 927D7B
Warplock Bronze Metal
- 907D84
≈ Mighty Mauve
- 907F74
≈ Carmel Mission
Üçlü +120° +240°
- 927D7B
Warplock Bronze Metal
- 7A8779
≈ Brassica
- 7B8393
≈ Stowaway
Bölünmüş tamamlayıcı +150° +210°
- 927D7B
Warplock Bronze Metal
- 738882
≈ Echo Park
- 748690
≈ Adirondack Blue
Dörtlü +90° +180° +270°
- 927D7B
Warplock Bronze Metal
- 828573
≈ Hanover Pewter
- 71888A
≈ Deep Thoughts
- 838091
≈ Purpletone
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.85:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.44:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
CSS
:root {
--warplock-bronze-metal: #927d7b;
--warplock-bronze-metal-rgb: 146 125 123;
--warplock-bronze-metal-oklch: oklch(0.609 0.026 24.3);
}
.element {
color: var(--warplock-bronze-metal);
background-color: hsl(5 10% 53%);
border-color: oklch(0.609 0.026 24.3);
}Tailwind CSS v4
@theme {
--color-warplock-bronze-metal: #927d7b;
--color-warplock-bronze-metal-50: #fdf2f1;
--color-warplock-bronze-metal-100: #f1e5e3;
--color-warplock-bronze-metal-200: #dfd0ce;
--color-warplock-bronze-metal-300: #c5b3b0;
--color-warplock-bronze-metal-400: #ae9997;
--color-warplock-bronze-metal-500: #97807e;
--color-warplock-bronze-metal-600: #806c6a;
--color-warplock-bronze-metal-700: #665655;
--color-warplock-bronze-metal-800: #4b3f3e;
--color-warplock-bronze-metal-900: #342b2b;
--color-warplock-bronze-metal-950: #201918;
}SCSS
$warplock-bronze-metal: #927d7b;
$warplock-bronze-metal-rgb: 146, 125, 123;
$warplock-bronze-metal-light: mix(#fff, $warplock-bronze-metal, 20%);
$warplock-bronze-metal-dark: mix(#000, $warplock-bronze-metal, 20%);
.element {
color: $warplock-bronze-metal;
box-shadow: 0 0 0 2px rgba($warplock-bronze-metal, 0.35);
}