Color con nombre más cercano · #2E1F09
#2E1F09
Color con nombre más cercano: Burnt Coffee
#2E1F09 (rgb(46 31 9), hsl(36 67% 11%), oklch(0.253 0.042 74.3)) se parece más al color con nombre Burnt Coffee. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#2E1F09
oklch(0.253 0.042 74.3)
Conversiones de color
- HEX
- #2e1f09
- RGB
- rgb(46 31 9)
- HSL
- hsl(36 67% 11%)
- HWB
- hwb(36 4% 82%)
- OKLCH
- oklch(0.253 0.042 74.3)
- OKLab
- oklab(0.253 0.011 0.04)
- CIE Lab
- lab(13.27 5.43 15.97)
- LCH
- lch(13.27 16.87 71.2)
- CMYK
- cmyk(0% 33% 80% 82%)
Tintes · Sombras · Tonos
Tintes
- 40321F
- 534634
- 675B4B
- 7B7062
- 90867B
- A59D94
- BBB5AE
- D1CDC8
- E8E6E3
Sombras
- 271907
- 1F1405
- 180F03
- 120A02
- 0B0601
- 060301
- 020100
- 010000
- 000000
Tonos
- 362815
- 3E3120
- 463A2B
- 4E4437
- 564D42
- 5E574E
- 66615A
- 6F6B67
- 777673
Armonías de color
Complementario +180°
- 2E1F09
Burnt Coffee
- 142336
≈ Kon
Análogo -30° +30°
- 2E1F09
Burnt Coffee
- 331B11
≈ Close but No Cigar
- 252309
≈ Black Mesa
Triádico +120° +240°
- 2E1F09
Burnt Coffee
- 022828
≈ Teal Spill
- 2A1C30
≈ Bleached Cedar
Complementario dividido +150° +210°
- 2E1F09
Burnt Coffee
- 062631
≈ Daintree
- 201F35
≈ Eclipse Elixir
Tetrádico +90° +180° +270°
- 2E1F09
Burnt Coffee
- 0B281D
≈ Deep Slate Green
- 142336
≈ Kon
- 301A27
≈ Black Cherry
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 15.95:1 · APCA Lc 103
Ag
FailSobre negro
WCAG 1.31:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 15.95:1 (AAA) · APCA Lc 103
Contrast pairs
Fragmentos de código
CSS
:root {
--burnt-coffee: #2e1f09;
--burnt-coffee-rgb: 46 31 9;
--burnt-coffee-oklch: oklch(0.253 0.042 74.3);
}
.element {
color: var(--burnt-coffee);
background-color: hsl(36 67% 11%);
border-color: oklch(0.253 0.042 74.3);
}Tailwind CSS v4
@theme {
--color-burnt-coffee: #2e1f09;
--color-burnt-coffee-50: #fcf4e8;
--color-burnt-coffee-100: #f0e6d9;
--color-burnt-coffee-200: #dfd2c1;
--color-burnt-coffee-300: #c4b5a0;
--color-burnt-coffee-400: #ad9b84;
--color-burnt-coffee-500: #978368;
--color-burnt-coffee-600: #806f58;
--color-burnt-coffee-700: #665846;
--color-burnt-coffee-800: #4b4033;
--color-burnt-coffee-900: #342c22;
--color-burnt-coffee-950: #201912;
}SCSS
$burnt-coffee: #2e1f09;
$burnt-coffee-rgb: 46, 31, 9;
$burnt-coffee-light: mix(#fff, $burnt-coffee, 20%);
$burnt-coffee-dark: mix(#000, $burnt-coffee, 20%);
.element {
color: $burnt-coffee;
box-shadow: 0 0 0 2px rgba($burnt-coffee, 0.35);
}