Colore con nome più vicino · #994A00
#994A00
Colore con nome più vicino: Brownie
#994A00 (rgb(153 74 0), hsl(29 100% 30%), oklch(0.5 0.127 52.9)) è più vicino al colore con nome Brownie. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#994A00
oklch(0.5 0.127 52.9)
Conversioni di colore
- HEX
- #994a00
- RGB
- rgb(153 74 0)
- HSL
- hsl(29 100% 30%)
- HWB
- hwb(29 0% 40%)
- OKLCH
- oklch(0.5 0.127 52.9)
- OKLab
- oklab(0.5 0.077 0.101)
- CIE Lab
- lab(41.21 31.14 51.1)
- LCH
- lch(41.21 59.84 58.6)
- CMYK
- cmyk(0% 52% 100% 40%)
Tinte · Ombre · Toni
Tinte
- A45C29
- AF6E43
- BA805B
- C59172
- CFA389
- D9B5A0
- E3C8B7
- ECDACF
- F6ECE7
Ombre
- 843F00
- 703500
- 5D2A00
- 4A2000
- 381700
- 270E00
- 170600
- 080200
- 010000
Toni
- 97501B
- 96572B
- 945C38
- 926244
- 8F674E
- 8D6C59
- 8A7263
- 87766D
- 847B76
Armonie di colore
Complementare +180°
- 994A00
Brownie
- 006C94
≈ Cairns
Analogo -30° +30°
- 994A00
Brownie
- 9F4040
≈ Burning Bush
- 7F5C00
≈ Hè Sè Brown
Triadico +120° +240°
- 994A00
Brownie
- 00745E
≈ Tropical Rainforest
- 6752A4
≈ Ultrapurple Merge
Complementare divisa +150° +210°
- 994A00
Brownie
- 007178
≈ Scurf Green
- 3B60AB
≈ Kakitsubata Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.29:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.33:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.29:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--brownie: #994a00;
--brownie-rgb: 153 74 0;
--brownie-oklch: oklch(0.5 0.127 52.9);
}
.element {
color: var(--brownie);
background-color: hsl(29 100% 30%);
border-color: oklch(0.5 0.127 52.9);
}Tailwind CSS v4
@theme {
--color-brownie: #994a00;
--color-brownie-50: #ffecd3;
--color-brownie-100: #ffdec0;
--color-brownie-200: #ffc6a1;
--color-brownie-300: #eaa677;
--color-brownie-400: #d98853;
--color-brownie-500: #c66a26;
--color-brownie-600: #a75b23;
--color-brownie-700: #86481c;
--color-brownie-800: #643413;
--color-brownie-900: #46230c;
--color-brownie-950: #2e1201;
}SCSS
$brownie: #994a00;
$brownie-rgb: 153, 74, 0;
$brownie-light: mix(#fff, $brownie, 20%);
$brownie-dark: mix(#000, $brownie, 20%);
.element {
color: $brownie;
box-shadow: 0 0 0 2px rgba($brownie, 0.35);
}