Cor nomeada mais próxima · #49351D
#49351D
Cor nomeada mais próxima: Café Noir
#49351D (rgb(73 53 29), hsl(33 43% 20%), oklch(0.346 0.047 70.3)) é 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.
#49351D
oklch(0.346 0.047 70.3)
Conversões de cor
- HEX
- #49351d
- RGB
- rgb(73 53 29)
- HSL
- hsl(33 43% 20%)
- HWB
- hwb(33 11% 71%)
- OKLCH
- oklch(0.346 0.047 70.3)
- OKLab
- oklab(0.346 0.016 0.044)
- CIE Lab
- lab(24.03 6.84 18.67)
- LCH
- lch(24.03 19.89 69.9)
- CMYK
- cmyk(0% 27% 60% 71%)
Tons claros · Sombras · Tons
Tons claros
- 5A4731
- 6B5946
- 7C6C5B
- 8E8070
- A09487
- B2A89E
- C5BDB5
- D8D3CD
- EBE9E6
Sombras
- 3E2D18
- 342513
- 2A1D0E
- 201509
- 170E05
- 0E0803
- 060301
- 020100
- 000000
Tons
- 4E3C27
- 544330
- 594B3A
- 5F5244
- 645A4E
- 6A6157
- 6F6961
- 75706B
- 7A7876
Harmonias de cor
Complementar +180°
- 49351D
Café Noir
- 263B51
≈ Cool Air of Debonair
Análoga -30° +30°
- 49351D
Café Noir
- 4E3126
≈ Barn Swallow
- 3F3A1C
≈ Lisbon Brown
Tríade +120° +240°
- 49351D
Café Noir
- 17413F
≈ Botanical Night
- 41324C
≈ Acai Berry
Complementar dividida +150° +210°
- 49351D
Café Noir
- 193F4A
≈ Bay Isle Pointe
- 353751
≈ Tiě Hēi Metal
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 11.60:1 · APCA Lc 97
Ag
FailSobre preto
WCAG 1.81:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 11.60:1 (AAA) · APCA Lc 97
Contrast pairs
Trechos de código
CSS
:root {
--cafe-noir: #49351d;
--cafe-noir-rgb: 73 53 29;
--cafe-noir-oklch: oklch(0.346 0.047 70.3);
}
.element {
color: var(--cafe-noir);
background-color: hsl(33 43% 20%);
border-color: oklch(0.346 0.047 70.3);
}Tailwind CSS v4
@theme {
--color-cafe-noir: #49351d;
--color-cafe-noir-50: #fef3e7;
--color-cafe-noir-100: #f2e6d7;
--color-cafe-noir-200: #e1d2bf;
--color-cafe-noir-300: #c7b49e;
--color-cafe-noir-400: #b19a81;
--color-cafe-noir-500: #9b8164;
--color-cafe-noir-600: #836d55;
--color-cafe-noir-700: #695744;
--color-cafe-noir-800: #4d4031;
--color-cafe-noir-900: #362c21;
--color-cafe-noir-950: #211911;
}SCSS
$cafe-noir: #49351d;
$cafe-noir-rgb: 73, 53, 29;
$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);
}