Colore con nome più vicino · #4E3617
#4E3617
Colore con nome più vicino: Café Noir
#4E3617 (rgb(78 54 23), hsl(34 54% 20%), oklch(0.353 0.057 71.1)) è più vicino al colore con nome Café Noir. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#4E3617
oklch(0.353 0.057 71.1)
Conversioni di colore
- HEX
- #4e3617
- RGB
- rgb(78 54 23)
- HSL
- hsl(34 54% 20%)
- HWB
- hwb(34 9% 69%)
- OKLCH
- oklch(0.353 0.057 71.1)
- OKLab
- oklab(0.353 0.018 0.054)
- CIE Lab
- lab(24.93 8.36 23.49)
- LCH
- lch(24.93 24.93 70.4)
- CMYK
- cmyk(0% 31% 71% 69%)
Tinte · Ombre · Toni
Tinte
- 5E482D
- 6F5A42
- 806D58
- 91816E
- A39585
- B5A99C
- C7BEB4
- D9D3CD
- ECE9E6
Ombre
- 432E12
- 38250E
- 2D1E0A
- 231606
- 190F04
- 0F0802
- 070301
- 020100
- 000000
Toni
- 533D22
- 58442D
- 5D4C37
- 625341
- 675A4B
- 6C6256
- 716960
- 76716B
- 7B7875
Armonie di colore
Complementare +180°
- 4E3617
Café Noir
- 243D58
≈ Integrity
Analogo -30° +30°
- 4E3617
Café Noir
- 543124
≈ Wild Boar
- 423C16
≈ Camouflage
Triadico +120° +240°
- 4E3617
Café Noir
- 094543
≈ Cyprus
- 453351
≈ Devil’s Plum
Complementare divisa +150° +210°
- 4E3617
Café Noir
- 104250
≈ Cold and Dark
- 363859
≈ Very Blue
Tetradico +90° +180° +270°
- 4E3617
Café Noir
- 1C4532
≈ Sherwood Green
- 243D58
≈ Integrity
- 4F2F44
≈ Potent Purple
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.26:1 · APCA Lc 96
Ag
FailSu nero
WCAG 1.86:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.26:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--cafe-noir: #4e3617;
--cafe-noir-rgb: 78 54 23;
--cafe-noir-oklch: oklch(0.353 0.057 71.1);
}
.element {
color: var(--cafe-noir);
background-color: hsl(34 54% 20%);
border-color: oklch(0.353 0.057 71.1);
}Tailwind CSS v4
@theme {
--color-cafe-noir: #4e3617;
--color-cafe-noir-50: #fff3e4;
--color-cafe-noir-100: #f4e5d4;
--color-cafe-noir-200: #e4d1ba;
--color-cafe-noir-300: #cab398;
--color-cafe-noir-400: #b4997a;
--color-cafe-noir-500: #9e805c;
--color-cafe-noir-600: #866d4f;
--color-cafe-noir-700: #6b573e;
--color-cafe-noir-800: #4f3f2d;
--color-cafe-noir-900: #372b1e;
--color-cafe-noir-950: #22190e;
}SCSS
$cafe-noir: #4e3617;
$cafe-noir-rgb: 78, 54, 23;
$cafe-noir-light: mix(#fff, $cafe-noir, 20%);
$cafe-noir-dark: mix(#000, $cafe-noir, 20%);
.element {
color: $cafe-noir;
box-shadow: 0 0 0 2px rgba($cafe-noir, 0.35);
}