Color con nombre · #583A39
Smoked Claret
Smoked Claret es #583A39: rgb(88 58 57), hsl(2 21% 28%), oklch(0.383 0.043 21.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Brown mean? → · Smoked Claret color name →
#583A39
oklch(0.383 0.043 21.4)
Conversiones de color
- HEX
- #583a39
- RGB
- rgb(88 58 57)
- HSL
- hsl(2 21% 28%)
- HWB
- hwb(2 22% 65%)
- OKLCH
- oklch(0.383 0.043 21.4)
- OKLab
- oklab(0.383 0.04 0.016)
- CIE Lab
- lab(27.99 13.58 6.3)
- LCH
- lch(27.99 14.97 24.9)
- CMYK
- cmyk(0% 34% 35% 65%)
Tintes · Sombras · Tonos
Tintes
- 684B4A
- 785E5C
- 88706F
- 988382
- A99796
- BAABAA
- CBBFBF
- DCD4D4
- EDE9E9
Sombras
- 4B3130
- 3F2828
- 33201F
- 281817
- 1D1010
- 120909
- 090404
- 030101
- 000000
Tonos
- 5C4140
- 604846
- 654E4D
- 695554
- 6D5C5B
- 716363
- 756A6A
- 787271
- 7C7979
Armonías de color
Complementario +180°
- 583A39
Smoked Claret
- 254A4D
≈ Ponderosa Pine
Análogo -30° +30°
- 583A39
Smoked Claret
- 553A46
≈ Purple Sphinx
- 563D2E
≈ Real Brown
Triádico +120° +240°
- 583A39
Smoked Claret
- 364934
≈ Palm Leaf
- 36435A
≈ Soulful
Complementario dividido +150° +210°
- 583A39
Smoked Claret
- 2A4B40
≈ Te Papa Green
- 2A4756
≈ Mallard
Tetrádico +90° +180° +270°
- 583A39
Smoked Claret
- 44452A
≈ Tin Bitz
- 254A4D
≈ Ponderosa Pine
- 433F59
≈ Club Grey
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 10.09:1 · APCA Lc 93
Ag
FailSobre negro
WCAG 2.07:1 · APCA Lc 9
Mejor color de texto: #FFFFFF
WCAG 10.09:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmentos de código
CSS
:root {
--smoked-claret: #583a39;
--smoked-claret-rgb: 88 58 57;
--smoked-claret-oklch: oklch(0.383 0.043 21.4);
}
.element {
color: var(--smoked-claret);
background-color: hsl(2 21% 28%);
border-color: oklch(0.383 0.043 21.4);
}Tailwind CSS v4
@theme {
--color-smoked-claret: #583a39;
--color-smoked-claret-50: #fff1ef;
--color-smoked-claret-100: #f6e3e1;
--color-smoked-claret-200: #e6cecc;
--color-smoked-claret-300: #cdafad;
--color-smoked-claret-400: #b79593;
--color-smoked-claret-500: #a17b7a;
--color-smoked-claret-600: #886867;
--color-smoked-claret-700: #6d5352;
--color-smoked-claret-800: #503d3c;
--color-smoked-claret-900: #382a29;
--color-smoked-claret-950: #221717;
}SCSS
$smoked-claret: #583a39;
$smoked-claret-rgb: 88, 58, 57;
$smoked-claret-light: mix(#fff, $smoked-claret, 20%);
$smoked-claret-dark: mix(#000, $smoked-claret, 20%);
.element {
color: $smoked-claret;
box-shadow: 0 0 0 2px rgba($smoked-claret, 0.35);
}