Najbliższy nazwany kolor · #A04900
#A04900
Najbliższy nazwany kolor: Brownie
#A04900 (rgb(160 73 0), hsl(27 100% 31%), oklch(0.509 0.135 50)) jest najbliższy nazwanemu kolorowi Brownie. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A04900
oklch(0.509 0.135 50)
Konwersje koloru
- HEX
- #a04900
- RGB
- rgb(160 73 0)
- HSL
- hsl(27 100% 31%)
- HWB
- hwb(27 0% 37%)
- OKLCH
- oklch(0.509 0.135 50)
- OKLab
- oklab(0.509 0.087 0.103)
- CIE Lab
- lab(42.15 34.55 52.32)
- LCH
- lch(42.15 62.7 56.6)
- CMYK
- cmyk(0% 54% 100% 37%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AB5C2A
- B56E44
- C0805B
- CA9172
- D3A389
- DCB5A0
- E5C8B8
- EEDACF
- F7ECE7
Odcienie ciemniejsze
- 8B3E00
- 763400
- 612A00
- 4E2000
- 3B1700
- 290E00
- 190600
- 090200
- 010000
Tony
- 9E501C
- 9B562C
- 995C39
- 966244
- 93674F
- 906D59
- 8C7263
- 89776D
- 857B76
Harmonie kolorów
Komplementarna +180°
- A04900
Brownie
- 006F94
≈ Tropic Sea
Analogowa -30° +30°
- A04900
Brownie
- A53F45
≈ Moonrose
- 855E00
≈ Soil of Avagddu
Triada +120° +240°
- A04900
Brownie
- 00785D
≈ Emerald Dream
- 6655AC
≈ Blue Marguerite
Komplementarna rozszczepiona +150° +210°
- A04900
Brownie
- 007479
≈ Maxi Teal
- 3463B2
≈ Adventure of the Seas
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.09:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.44:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.09:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--brownie: #a04900;
--brownie-rgb: 160 73 0;
--brownie-oklch: oklch(0.509 0.135 50);
}
.element {
color: var(--brownie);
background-color: hsl(27 100% 31%);
border-color: oklch(0.509 0.135 50);
}Tailwind CSS v4
@theme {
--color-brownie: #a04900;
--color-brownie-50: #ffebd3;
--color-brownie-100: #ffdcbf;
--color-brownie-200: #ffc59f;
--color-brownie-300: #eea476;
--color-brownie-400: #dd8551;
--color-brownie-500: #ca6723;
--color-brownie-600: #ab5720;
--color-brownie-700: #89461a;
--color-brownie-800: #673212;
--color-brownie-900: #48220b;
--color-brownie-950: #2f1001;
}SCSS
$brownie: #a04900;
$brownie-rgb: 160, 73, 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);
}