Dichtstbijzijnde benoemde kleur · #240B37
#240B37
Dichtstbijzijnde benoemde kleur: Coal Mine
#240B37 (rgb(36 11 55), hsl(274 67% 13%), oklch(0.217 0.083 306.8)) komt het dichtst bij de benoemde kleur Coal Mine. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#240B37
oklch(0.217 0.083 306.8)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 362149
- 4A375C
- 5E4D6F
- 736583
- 897D97
- A095AB
- B7AFBF
- CEC9D4
- E6E4EA
Schaduwen
- 1E082E
- 180626
- 12041E
- 0C0216
- 07010F
- 040108
- 020003
- 000001
- 000000
Tonen
- 2C173E
- 352246
- 3E2E4D
- 473955
- 50445C
- 595063
- 635C6A
- 6C6872
- 767479
Kleurharmonieën
Complementair +180°
- 240B37
Coal Mine
- 131E00
≈ Yuzu Soy
Analoog -30° +30°
- 240B37
Coal Mine
- 12123F
≈ Deadly Depths
- 300528
≈ Globe Thistle
Triadisch +120° +240°
- 240B37
Coal Mine
- 281500
≈ Cannon Black
- 001F1D
≈ Stellar Explorer
Gesplitst complementair +150° +210°
- 240B37
Coal Mine
- 201A00
≈ Noir Mystique
- 002110
≈ Clock Chimes Thirteen
Tetradisch +90° +180° +270°
- 240B37
Coal Mine
- 340800
≈ 3AM Breakup
- 131E00
≈ Yuzu Soy
- 001E26
≈ Stellar Explorer
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 17.82:1 · APCA Lc 104
Ag
FailOp zwart
WCAG 1.17:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 17.82:1 (AAA) · APCA Lc 104
Contrast pairs
Codefragmenten
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);
}