Color con nombre más cercano · #240B37
#240B37
Color con nombre más cercano: Coal Mine
#240B37 (rgb(36 11 55), hsl(274 67% 13%), oklch(0.217 0.083 306.8)) se parece más al color con nombre Coal Mine. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#240B37
oklch(0.217 0.083 306.8)
Conversiones de color
- HEX
- #240b37
- RGB
- rgb(36 11 55)
- HSL
- hsl(274 67% 13%)
- HWB
- hwb(274 4% 78%)
- OKLCH
- oklch(0.217 0.083 306.8)
- OKLab
- oklab(0.217 0.049 -0.066)
- CIE Lab
- lab(7.8 20.66 -23.59)
- LCH
- lch(7.8 31.36 311.2)
- CMYK
- cmyk(35% 80% 0% 78%)
Tintes · Sombras · Tonos
Tintes
- 362149
- 4A375C
- 5E4D6F
- 736583
- 897D97
- A095AB
- B7AFBF
- CEC9D4
- E6E4EA
Sombras
- 1E082E
- 180626
- 12041E
- 0C0216
- 07010F
- 040108
- 020003
- 000001
- 000000
Tonos
- 2C173E
- 352246
- 3E2E4D
- 473955
- 50445C
- 595063
- 635C6A
- 6C6872
- 767479
Armonías de color
Complementario +180°
- 240B37
Coal Mine
- 131E00
≈ Yuzu Soy
Análogo -30° +30°
- 240B37
Coal Mine
- 12123F
≈ Deadly Depths
- 300528
≈ Globe Thistle
Triádico +120° +240°
- 240B37
Coal Mine
- 281500
≈ Cannon Black
- 001F1D
≈ Stellar Explorer
Complementario dividido +150° +210°
- 240B37
Coal Mine
- 201A00
≈ Noir Mystique
- 002110
≈ Clock Chimes Thirteen
Tetrádico +90° +180° +270°
- 240B37
Coal Mine
- 340800
≈ 3AM Breakup
- 131E00
≈ Yuzu Soy
- 001E26
≈ Stellar Explorer
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 17.82:1 · APCA Lc 104
Ag
FailSobre negro
WCAG 1.17:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 17.82:1 (AAA) · APCA Lc 104
Contrast pairs
Fragmentos de código
CSS
:root {
--coal-mine: #240b37;
--coal-mine-rgb: 36 11 55;
--coal-mine-oklch: oklch(0.217 0.083 306.8);
}
.element {
color: var(--coal-mine);
background-color: hsl(274 67% 13%);
border-color: oklch(0.217 0.083 306.8);
}Tailwind CSS v4
@theme {
--color-coal-mine: #240b37;
--color-coal-mine-50: #fcefff;
--color-coal-mine-100: #f0e1fe;
--color-coal-mine-200: #decbf0;
--color-coal-mine-300: #c4acd8;
--color-coal-mine-400: #ab92c5;
--color-coal-mine-500: #9477b1;
--color-coal-mine-600: #7d6596;
--color-coal-mine-700: #645178;
--color-coal-mine-800: #493b5a;
--color-coal-mine-900: #33283f;
--color-coal-mine-950: #1e1628;
}SCSS
$coal-mine: #240b37;
$coal-mine-rgb: 36, 11, 55;
$coal-mine-light: mix(#fff, $coal-mine, 20%);
$coal-mine-dark: mix(#000, $coal-mine, 20%);
.element {
color: $coal-mine;
box-shadow: 0 0 0 2px rgba($coal-mine, 0.35);
}