Color con nombre más cercano · #251405
#251405
Color con nombre más cercano: Burnt Coffee
#251405 (rgb(37 20 5), hsl(28 76% 8%), oklch(0.211 0.038 61.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.
#251405
oklch(0.211 0.038 61.3)
Conversiones de color
- HEX
- #251405
- RGB
- rgb(37 20 5)
- HSL
- hsl(28 76% 8%)
- HWB
- hwb(28 2% 85%)
- OKLCH
- oklch(0.211 0.038 61.3)
- OKLab
- oklab(0.211 0.018 0.034)
- CIE Lab
- lab(8.33 7.63 10.54)
- LCH
- lch(8.33 13.01 54.1)
- CMYK
- cmyk(0% 46% 86% 85%)
Tintes · Sombras · Tonos
Tintes
- 382719
- 4C3C2F
- 605146
- 75685E
- 8B7F76
- A19890
- B8B1AB
- CFCAC6
- E7E4E2
Sombras
- 1F1004
- 190C03
- 130802
- 0D0501
- 080301
- 040100
- 020100
- 000000
- 000000
Tonos
- 2E1E10
- 36281B
- 3F3227
- 483C33
- 51473F
- 5A524B
- 635D58
- 6D6965
- 767472
Armonías de color
Complementario +180°
- 251405
Burnt Coffee
- 061A28
≈ Oxford by Night
Análogo -30° +30°
- 251405
Burnt Coffee
- 28110D
≈ Root Brew
- 1F1803
≈ Noir Mystique
Triádico +120° +240°
- 251405
Burnt Coffee
- 001E1A
≈ Stellar Explorer
- 1C1427
≈ Sambucus
Complementario dividido +150° +210°
- 251405
Burnt Coffee
- 001D22
≈ Stellar Explorer
- 12172A
≈ Sambucus
Tetrádico +90° +180° +270°
- 251405
Burnt Coffee
- 091D0F
≈ Pinch of Pepper
- 061A28
≈ Oxford by Night
- 231220
≈ Inside
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 17.78:1 · APCA Lc 104
Ag
FailSobre negro
WCAG 1.18:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 17.78:1 (AAA) · APCA Lc 104
Contrast pairs
Fragmentos de código
CSS
:root {
--burnt-coffee: #251405;
--burnt-coffee-rgb: 37 20 5;
--burnt-coffee-oklch: oklch(0.211 0.038 61.3);
}
.element {
color: var(--burnt-coffee);
background-color: hsl(28 76% 8%);
border-color: oklch(0.211 0.038 61.3);
}Tailwind CSS v4
@theme {
--color-burnt-coffee: #251405;
--color-burnt-coffee-50: #fdf3ea;
--color-burnt-coffee-100: #f2e5db;
--color-burnt-coffee-200: #e1d1c4;
--color-burnt-coffee-300: #c6b4a4;
--color-burnt-coffee-400: #b09a88;
--color-burnt-coffee-500: #99816d;
--color-burnt-coffee-600: #826d5c;
--color-burnt-coffee-700: #68574a;
--color-burnt-coffee-800: #4d3f35;
--color-burnt-coffee-900: #352c24;
--color-burnt-coffee-950: #201913;
}SCSS
$burnt-coffee: #251405;
$burnt-coffee-rgb: 37, 20, 5;
$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);
}