Colore con nome · #AB8D44
Plaguelands Beige
Plaguelands Beige è #AB8D44: rgb(171 141 68), hsl(43 43% 47%), oklch(0.656 0.099 87.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Plaguelands Beige color name →
#AB8D44
oklch(0.656 0.099 87.1)
Conversioni di colore
- HEX
- #ab8d44
- RGB
- rgb(171 141 68)
- HSL
- hsl(43 43% 47%)
- HWB
- hwb(43 27% 33%)
- OKLCH
- oklch(0.656 0.099 87.1)
- OKLab
- oklab(0.656 0.005 0.099)
- CIE Lab
- lab(60.34 5.32 42.59)
- LCH
- lch(60.34 42.92 82.9)
- CMYK
- cmyk(0% 18% 60% 33%)
Tinte · Ombre · Toni
Tinte
- B39858
- BBA36B
- C4AF7E
- CCBA90
- D5C5A3
- DDD1B5
- E5DCC7
- EEE8DA
- F6F3EC
Ombre
- 947A3A
- 7E6730
- 685526
- 54441D
- 403314
- 2D230C
- 1B1405
- 0B0702
- 010100
Toni
- A78C4C
- A28B54
- 9E8A5A
- 9A8861
- 958766
- 91866C
- 8D8471
- 898376
- 84827B
Armonie di colore
Complementare +180°
- AB8D44
Plaguelands Beige
- 768FCE
≈ Organza Violet
Analogo -30° +30°
- AB8D44
Plaguelands Beige
- BF8152
≈ Limonite
- 8D9950
≈ Apple Jack
Triadico +120° +240°
- AB8D44
Plaguelands Beige
- 32A2B0
≈ Marine Tinge
- B17BB1
≈ Berries Galore
Complementare divisa +150° +210°
- AB8D44
Plaguelands Beige
- 509AC6
≈ Mountain Bluebird
- 9784C6
≈ Amethyst Grey
Tetradico +90° +180° +270°
- AB8D44
Plaguelands Beige
- 3FA590
≈ Marine Green
- 768FCE
≈ Organza Violet
- C27792
≈ Watermelon Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.16:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.62:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.62:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--plaguelands-beige: #ab8d44;
--plaguelands-beige-rgb: 171 141 68;
--plaguelands-beige-oklch: oklch(0.656 0.099 87.1);
}
.element {
color: var(--plaguelands-beige);
background-color: hsl(43 43% 47%);
border-color: oklch(0.656 0.099 87.1);
}Tailwind CSS v4
@theme {
--color-plaguelands-beige: #ab8d44;
--color-plaguelands-beige-50: #fff4d6;
--color-plaguelands-beige-100: #f5e7c3;
--color-plaguelands-beige-200: #e5d3a4;
--color-plaguelands-beige-300: #ccb57c;
--color-plaguelands-beige-400: #b89b57;
--color-plaguelands-beige-500: #a2812c;
--color-plaguelands-beige-600: #896e27;
--color-plaguelands-beige-700: #6e581f;
--color-plaguelands-beige-800: #523f14;
--color-plaguelands-beige-900: #392c0d;
--color-plaguelands-beige-950: #231902;
}SCSS
$plaguelands-beige: #ab8d44;
$plaguelands-beige-rgb: 171, 141, 68;
$plaguelands-beige-light: mix(#fff, $plaguelands-beige, 20%);
$plaguelands-beige-dark: mix(#000, $plaguelands-beige, 20%);
.element {
color: $plaguelands-beige;
box-shadow: 0 0 0 2px rgba($plaguelands-beige, 0.35);
}