Colore con nome · #AD900D
Manure
Manure è #AD900D: rgb(173 144 13), hsl(49 86% 36%), oklch(0.661 0.133 94.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Manure color name →
#AD900D
oklch(0.661 0.133 94.2)
Conversioni di colore
- HEX
- #ad900d
- RGB
- rgb(173 144 13)
- HSL
- hsl(49 86% 36%)
- HWB
- hwb(49 5% 32%)
- OKLCH
- oklch(0.661 0.133 94.2)
- OKLab
- oklab(0.661 -0.01 0.132)
- CIE Lab
- lab(61.06 2.92 62.6)
- LCH
- lch(61.06 62.67 87.3)
- CMYK
- cmyk(0% 17% 92% 32%)
Tinte · Ombre · Toni
Tinte
- B59B39
- BDA654
- C5B16B
- CDBC81
- D5C796
- DDD3AB
- E6DEC0
- EEE9D5
- F7F4EA
Ombre
- 967D0A
- 7F6A07
- 6A5705
- 554503
- 413402
- 2D2401
- 1B1500
- 0B0700
- 010100
Toni
- A88F29
- A48D3A
- 9F8C46
- 9B8B51
- 96895A
- 928763
- 8D866B
- 898472
- 848279
Armonie di colore
Complementare +180°
- AD900D
Manure
- 7A8BE3
≈ Tanzine
Analogo -30° +30°
- AD900D
Manure
- CA7F2A
≈ Yamabukicha Gold
- 81A03A
≈ Bruni Green
Triadico +120° +240°
- AD900D
Manure
- 00A4BE
≈ Maui
- C371B4
≈ Bishop Red
Complementare divisa +150° +210°
- AD900D
Manure
- 3D9ADD
≈ Flax Flower Blue
- A57CD4
≈ Wisteria
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.10:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.77:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.77:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--manure: #ad900d;
--manure-rgb: 173 144 13;
--manure-oklch: oklch(0.661 0.133 94.2);
}
.element {
color: var(--manure);
background-color: hsl(49 86% 36%);
border-color: oklch(0.661 0.133 94.2);
}Tailwind CSS v4
@theme {
--color-manure: #ad900d;
--color-manure-50: #fff6cb;
--color-manure-100: #f5e9b6;
--color-manure-200: #e5d593;
--color-manure-300: #cbb764;
--color-manure-400: #b89c31;
--color-manure-500: #a38300;
--color-manure-600: #8a6f00;
--color-manure-700: #6e5900;
--color-manure-800: #534000;
--color-manure-900: #3a2c00;
--color-manure-950: #241900;
}SCSS
$manure: #ad900d;
$manure-rgb: 173, 144, 13;
$manure-light: mix(#fff, $manure, 20%);
$manure-dark: mix(#000, $manure, 20%);
.element {
color: $manure;
box-shadow: 0 0 0 2px rgba($manure, 0.35);
}