Cor nomeada mais próxima · #9B3D00
#9B3D00
Cor nomeada mais próxima: Muddy
#9B3D00 (rgb(155 61 0), hsl(24 100% 30%), oklch(0.483 0.139 44.6)) é mais próxima da cor nomeada Muddy. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#9B3D00
oklch(0.483 0.139 44.6)
Conversões de cor
- HEX
- #9b3d00
- RGB
- rgb(155 61 0)
- HSL
- hsl(24 100% 30%)
- HWB
- hwb(24 0% 39%)
- OKLCH
- oklch(0.483 0.139 44.6)
- OKLab
- oklab(0.483 0.099 0.098)
- CIE Lab
- lab(38.96 38.35 50.26)
- LCH
- lch(38.96 63.22 52.7)
- CMYK
- cmyk(0% 61% 100% 39%)
Tons claros · Sombras · Tons
Tons claros
- A75128
- B26541
- BD7859
- C78B70
- D19E87
- DBB19F
- E5C4B6
- EED8CE
- F7EBE6
Sombras
- 863400
- 722B00
- 5E2200
- 4B1A00
- 391200
- 280A00
- 180400
- 090100
- 010000
Tons
- 9A451A
- 984D2A
- 965437
- 945B42
- 91624D
- 8F6858
- 8C6E62
- 88746C
- 847A76
Harmonias de cor
Complementar +180°
- 9B3D00
Muddy
- 006985
≈ Ansel
Análoga -30° +30°
- 9B3D00
Muddy
- 9D3445
≈ Bright Lady
- 805400
≈ Intense Brown
Tríade +120° +240°
Complementar dividida +150° +210°
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.86:1 · APCA Lc 83
Ag
FailSobre preto
WCAG 3.06:1 · APCA Lc 19
Melhor cor de texto: #FFFFFF
WCAG 6.86:1 (AA) · APCA Lc 83
Contrast pairs
Trechos de código
CSS
:root {
--muddy: #9b3d00;
--muddy-rgb: 155 61 0;
--muddy-oklch: oklch(0.483 0.139 44.6);
}
.element {
color: var(--muddy);
background-color: hsl(24 100% 30%);
border-color: oklch(0.483 0.139 44.6);
}Tailwind CSS v4
@theme {
--color-muddy: #9b3d00;
--color-muddy-50: #ffead4;
--color-muddy-100: #ffdac1;
--color-muddy-200: #ffc2a2;
--color-muddy-300: #f2a179;
--color-muddy-400: #e18156;
--color-muddy-500: #cf622b;
--color-muddy-600: #af5427;
--color-muddy-700: #8c431f;
--color-muddy-800: #692f16;
--color-muddy-900: #4a200e;
--color-muddy-950: #300f02;
}SCSS
$muddy: #9b3d00;
$muddy-rgb: 155, 61, 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);
}