Colore con nome più vicino · #794D35
#794D35
Colore con nome più vicino: Cigar
#794D35 (rgb(121 77 53), hsl(21 39% 34%), oklch(0.464 0.07 49)) è più vicino al colore con nome Cigar. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#794D35
oklch(0.464 0.07 49)
Conversioni di colore
- HEX
- #794d35
- RGB
- rgb(121 77 53)
- HSL
- hsl(21 39% 34%)
- HWB
- hwb(21 21% 53%)
- OKLCH
- oklch(0.464 0.07 49)
- OKLab
- oklab(0.464 0.046 0.053)
- CIE Lab
- lab(37.46 17.12 22.24)
- LCH
- lch(37.46 28.06 52.4)
- CMYK
- cmyk(0% 36% 56% 53%)
Tinte · Ombre · Toni
Tinte
- 865E48
- 946E5B
- A17F6E
- AE9181
- BCA295
- C9B4AA
- D6C7BF
- E4D9D4
- F1ECE9
Ombre
- 68422D
- 583725
- 482C1D
- 392215
- 2B180E
- 1D0F08
- 100703
- 050201
- 010000
Toni
- 7A523D
- 7B5744
- 7C5D4C
- 7D6253
- 7E675B
- 7F6C62
- 7F716A
- 7F7671
- 807B79
Armonie di colore
Complementare +180°
- 794D35
Cigar
- 286178
≈ Holiday Velvet
Analogo -30° +30°
- 794D35
Cigar
- 7C494A
≈ Tuscan Red
- 6E5428
≈ Horses Neck
Triadico +120° +240°
Complementare divisa +150° +210°
- 794D35
Cigar
- 1B6568
≈ Caribbean Swim
- 415A80
≈ Optimum Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.17:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.92:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.17:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--cigar: #794d35;
--cigar-rgb: 121 77 53;
--cigar-oklch: oklch(0.464 0.07 49);
}
.element {
color: var(--cigar);
background-color: hsl(21 39% 34%);
border-color: oklch(0.464 0.07 49);
}Tailwind CSS v4
@theme {
--color-cigar: #794d35;
--color-cigar-50: #fff0e4;
--color-cigar-100: #fce2d3;
--color-cigar-200: #eeccba;
--color-cigar-300: #d6ae97;
--color-cigar-400: #c1937a;
--color-cigar-500: #ac785c;
--color-cigar-600: #92664f;
--color-cigar-700: #75513f;
--color-cigar-800: #573b2d;
--color-cigar-900: #3d281f;
--color-cigar-950: #26160e;
}SCSS
$cigar: #794d35;
$cigar-rgb: 121, 77, 53;
$cigar-light: mix(#fff, $cigar, 20%);
$cigar-dark: mix(#000, $cigar, 20%);
.element {
color: $cigar;
box-shadow: 0 0 0 2px rgba($cigar, 0.35);
}