Couleur nommée la plus proche · #A33800
#A33800
Couleur nommée la plus proche: Muddy
#A33800 (rgb(163 56 0), hsl(21 100% 32%), oklch(0.489 0.151 40.7)) est la plus proche de la couleur nommée Muddy. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A33800
oklch(0.489 0.151 40.7)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- AE4E28
- B96242
- C3765A
- CD8971
- D79D88
- DFB09F
- E8C4B7
- F0D7CE
- F8EBE7
Ombres
- 8D2F00
- 782700
- 631F00
- 4F1700
- 3C0F00
- 2A0800
- 190400
- 0A0100
- 010000
Tons
- A1421B
- 9F4A2A
- 9C5237
- 995A43
- 96614D
- 926758
- 8E6E62
- 8A746C
- 857A76
Harmonies de couleurs
Complémentaire +180°
- A33800
Muddy
- 006B84
≈ Arabian Nights
Analogue -30° +30°
- A33800
Muddy
- A3304B
≈ Warrior Queen
- 855400
≈ Spear Shaft
Triadique +120° +240°
Complémentaire divisée +150° +210°
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.72:1 · APCA Lc 82
Ag
FailSur noir
WCAG 3.12:1 · APCA Lc 20
Meilleure couleur de texte: #FFFFFF
WCAG 6.72:1 (AA) · APCA Lc 82
Contrast pairs
Extraits de code
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);
}