Colore con nome · #583A39
Smoked Claret
Smoked Claret è #583A39: rgb(88 58 57), hsl(2 21% 28%), oklch(0.383 0.043 21.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Smoked Claret color name →
#583A39
oklch(0.383 0.043 21.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 684B4A
- 785E5C
- 88706F
- 988382
- A99796
- BAABAA
- CBBFBF
- DCD4D4
- EDE9E9
Ombre
- 4B3130
- 3F2828
- 33201F
- 281817
- 1D1010
- 120909
- 090404
- 030101
- 000000
Toni
- 5C4140
- 604846
- 654E4D
- 695554
- 6D5C5B
- 716363
- 756A6A
- 787271
- 7C7979
Armonie di colore
Complementare +180°
- 583A39
Smoked Claret
- 254A4D
≈ Ponderosa Pine
Analogo -30° +30°
- 583A39
Smoked Claret
- 553A46
≈ Purple Sphinx
- 563D2E
≈ Real Brown
Triadico +120° +240°
- 583A39
Smoked Claret
- 364934
≈ Palm Leaf
- 36435A
≈ Soulful
Complementare divisa +150° +210°
- 583A39
Smoked Claret
- 2A4B40
≈ Te Papa Green
- 2A4756
≈ Mallard
Tetradico +90° +180° +270°
- 583A39
Smoked Claret
- 44452A
≈ Tin Bitz
- 254A4D
≈ Ponderosa Pine
- 433F59
≈ Club Grey
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.09:1 · APCA Lc 93
Ag
FailSu nero
WCAG 2.07:1 · APCA Lc 9
Miglior colore del testo: #FFFFFF
WCAG 10.09:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
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);
}