Colore con nome · #515131
Warplock Bronze
Warplock Bronze è #515131: rgb(81 81 49), hsl(60 25% 25%), oklch(0.426 0.049 108.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Warplock Bronze color name →
#515131
oklch(0.426 0.049 108.3)
Conversioni di colore
- HEX
- #515131
- RGB
- rgb(81 81 49)
- HSL
- hsl(60 25% 25%)
- HWB
- hwb(60 19% 68%)
- OKLCH
- oklch(0.426 0.049 108.3)
- OKLab
- oklab(0.426 -0.015 0.046)
- CIE Lab
- lab(33.81 -4.17 18.84)
- LCH
- lch(33.81 19.3 102.5)
- CMYK
- cmyk(0% 0% 40% 68%)
Tinte · Ombre · Toni
Tinte
- 616144
- 717157
- 81826A
- 92937E
- A3A493
- B5B6A8
- C7C7BD
- D9DAD2
- ECECE9
Ombre
- 454529
- 3A3A22
- 2F2F1A
- 242413
- 1A1A0C
- 101006
- 070703
- 020201
- 000000
Toni
- 555639
- 5A5A41
- 5F5F49
- 636450
- 686858
- 6D6D60
- 717268
- 767670
- 7B7B78
Armonie di colore
Complementare +180°
- 515131
Warplock Bronze
- 4D4B68
≈ Darlak
Analogo -30° +30°
- 515131
Warplock Bronze
- 5D4C2F
≈ Tǔ Hēi Black
- 41553B
≈ Okroshka
Triadico +120° +240°
- 515131
Warplock Bronze
- 315464
≈ Marea Baja
- 634453
≈ Deep Exquisite
Complementare divisa +150° +210°
- 515131
Warplock Bronze
- 3E506A
≈ Calico Dress
- 5A4660
≈ Purple People Eater
Tetradico +90° +180° +270°
- 515131
Warplock Bronze
- 2B5759
≈ Sea Challenge
- 4D4B68
≈ Darlak
- 674444
≈ Twinberry
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.16:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.57:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.16:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--warplock-bronze: #515131;
--warplock-bronze-rgb: 81 81 49;
--warplock-bronze-oklch: oklch(0.426 0.049 108.3);
}
.element {
color: var(--warplock-bronze);
background-color: hsl(60 25% 25%);
border-color: oklch(0.426 0.049 108.3);
}Tailwind CSS v4
@theme {
--color-warplock-bronze: #515131;
--color-warplock-bronze-50: #f5f7e7;
--color-warplock-bronze-100: #e8ead7;
--color-warplock-bronze-200: #d5d6bf;
--color-warplock-bronze-300: #b8ba9e;
--color-warplock-bronze-400: #a1a180;
--color-warplock-bronze-500: #898963;
--color-warplock-bronze-600: #747454;
--color-warplock-bronze-700: #5c5d43;
--color-warplock-bronze-800: #444430;
--color-warplock-bronze-900: #2f2f20;
--color-warplock-bronze-950: #1c1b10;
}SCSS
$warplock-bronze: #515131;
$warplock-bronze-rgb: 81, 81, 49;
$warplock-bronze-light: mix(#fff, $warplock-bronze, 20%);
$warplock-bronze-dark: mix(#000, $warplock-bronze, 20%);
.element {
color: $warplock-bronze;
box-shadow: 0 0 0 2px rgba($warplock-bronze, 0.35);
}