Cor nomeada mais próxima · #4E3617
#4E3617
Cor nomeada mais próxima: Café Noir
#4E3617 (rgb(78 54 23), hsl(34 54% 20%), oklch(0.353 0.057 71.1)) é mais próxima da cor nomeada Café Noir. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#4E3617
oklch(0.353 0.057 71.1)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 5E482D
- 6F5A42
- 806D58
- 91816E
- A39585
- B5A99C
- C7BEB4
- D9D3CD
- ECE9E6
Sombras
- 432E12
- 38250E
- 2D1E0A
- 231606
- 190F04
- 0F0802
- 070301
- 020100
- 000000
Tons
- 533D22
- 58442D
- 5D4C37
- 625341
- 675A4B
- 6C6256
- 716960
- 76716B
- 7B7875
Harmonias de cor
Complementar +180°
- 4E3617
Café Noir
- 243D58
≈ Integrity
Análoga -30° +30°
- 4E3617
Café Noir
- 543124
≈ Wild Boar
- 423C16
≈ Camouflage
Tríade +120° +240°
- 4E3617
Café Noir
- 094543
≈ Cyprus
- 453351
≈ Devil’s Plum
Complementar dividida +150° +210°
- 4E3617
Café Noir
- 104250
≈ Cold and Dark
- 363859
≈ Very Blue
Tétrade +90° +180° +270°
- 4E3617
Café Noir
- 1C4532
≈ Sherwood Green
- 243D58
≈ Integrity
- 4F2F44
≈ Potent Purple
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 11.26:1 · APCA Lc 96
Ag
FailSobre preto
WCAG 1.86:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 11.26:1 (AAA) · APCA Lc 96
Contrast pairs
Trechos de código
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);
}