Najbliższy nazwany kolor · #A33800
#A33800
Najbliższy nazwany kolor: Muddy
#A33800 (rgb(163 56 0), hsl(21 100% 32%), oklch(0.489 0.151 40.7)) jest najbliższy nazwanemu kolorowi Muddy. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A33800
oklch(0.489 0.151 40.7)
Konwersje koloru
- HEX
- #a33800
- RGB
- rgb(163 56 0)
- HSL
- hsl(21 100% 32%)
- HWB
- hwb(21 0% 36%)
- OKLCH
- oklch(0.489 0.151 40.7)
- OKLab
- oklab(0.489 0.115 0.099)
- CIE Lab
- lab(39.55 43.6 51.53)
- LCH
- lch(39.55 67.5 49.8)
- CMYK
- cmyk(0% 66% 100% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AE4E28
- B96242
- C3765A
- CD8971
- D79D88
- DFB09F
- E8C4B7
- F0D7CE
- F8EBE7
Odcienie ciemniejsze
- 8D2F00
- 782700
- 631F00
- 4F1700
- 3C0F00
- 2A0800
- 190400
- 0A0100
- 010000
Tony
- A1421B
- 9F4A2A
- 9C5237
- 995A43
- 96614D
- 926758
- 8E6E62
- 8A746C
- 857A76
Harmonie kolorów
Komplementarna +180°
- A33800
Muddy
- 006B84
≈ Arabian Nights
Analogowa -30° +30°
- A33800
Muddy
- A3304B
≈ Warrior Queen
- 855400
≈ Spear Shaft
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.72:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.12:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.72:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--muddy: #a33800;
--muddy-rgb: 163 56 0;
--muddy-oklch: oklch(0.489 0.151 40.7);
}
.element {
color: var(--muddy);
background-color: hsl(21 100% 32%);
border-color: oklch(0.489 0.151 40.7);
}Tailwind CSS v4
@theme {
--color-muddy: #a33800;
--color-muddy-50: #ffe8d3;
--color-muddy-100: #ffd8c0;
--color-muddy-200: #ffbfa1;
--color-muddy-300: #f89d78;
--color-muddy-400: #e87c54;
--color-muddy-500: #d65b29;
--color-muddy-600: #b44e25;
--color-muddy-700: #913e1d;
--color-muddy-800: #6c2c16;
--color-muddy-900: #4c1e0e;
--color-muddy-950: #320d02;
}SCSS
$muddy: #a33800;
$muddy-rgb: 163, 56, 0;
$muddy-light: mix(#fff, $muddy, 20%);
$muddy-dark: mix(#000, $muddy, 20%);
.element {
color: $muddy;
box-shadow: 0 0 0 2px rgba($muddy, 0.35);
}