Color con nombre más cercano · #3F2E30
#3F2E30
Color con nombre más cercano: Havana
#3F2E30 (rgb(63 46 48), hsl(353 16% 21%), oklch(0.321 0.025 10.7)) se parece más al color con nombre Havana. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#3F2E30
oklch(0.321 0.025 10.7)
Conversiones de color
- HEX
- #3f2e30
- RGB
- rgb(63 46 48)
- HSL
- hsl(353 16% 21%)
- HWB
- hwb(353 18% 75%)
- OKLCH
- oklch(0.321 0.025 10.7)
- OKLab
- oklab(0.321 0.025 0.005)
- CIE Lab
- lab(20.99 8.31 1.89)
- LCH
- lch(20.99 8.52 12.8)
- CMYK
- cmyk(0% 27% 24% 75%)
Tintes · Sombras · Tonos
Tintes
- 504042
- 625354
- 746668
- 877B7C
- 9A8F90
- ADA5A6
- C1BBBB
- D5D1D1
- EAE8E8
Sombras
- 352728
- 2C1F21
- 23181A
- 1B1213
- 120B0C
- 0A0606
- 040203
- 010101
- 000000
Tonos
- 453637
- 4C3D3F
- 524547
- 594D4E
- 5F5556
- 665E5E
- 6C6667
- 736F6F
- 797777
Armonías de color
Complementario +180°
- 3F2E30
Havana
- 243736
≈ Kōrainando Green
Análogo -30° +30°
- 3F2E30
Havana
- 3C2E37
≈ Valentino Nero
- 3F2F29
≈ Chinese Ink
Triádico +120° +240°
- 3F2E30
Havana
- 2F3628
≈ Aimiru Brown
- 2A3440
≈ Anchors Aweigh
Complementario dividido +150° +210°
- 3F2E30
Havana
- 28372F
≈ Tetsu Black
- 25363C
≈ Petrol Slumber
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 12.76:1 · APCA Lc 99
Ag
FailSobre negro
WCAG 1.64:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 12.76:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmentos de código
CSS
:root {
--havana: #3f2e30;
--havana-rgb: 63 46 48;
--havana-oklch: oklch(0.321 0.025 10.7);
}
.element {
color: var(--havana);
background-color: hsl(353 16% 21%);
border-color: oklch(0.321 0.025 10.7);
}Tailwind CSS v4
@theme {
--color-havana: #3f2e30;
--color-havana-50: #fcf2f3;
--color-havana-100: #f0e5e5;
--color-havana-200: #dfd0d1;
--color-havana-300: #c4b2b4;
--color-havana-400: #ad999b;
--color-havana-500: #968082;
--color-havana-600: #7f6c6e;
--color-havana-700: #665658;
--color-havana-800: #4b3f40;
--color-havana-900: #342b2c;
--color-havana-950: #1f191a;
}SCSS
$havana: #3f2e30;
$havana-rgb: 63, 46, 48;
$havana-light: mix(#fff, $havana, 20%);
$havana-dark: mix(#000, $havana, 20%);
.element {
color: $havana;
box-shadow: 0 0 0 2px rgba($havana, 0.35);
}