Dichtstbijzijnde benoemde kleur · #290835
#290835
Dichtstbijzijnde benoemde kleur: Coal Mine
#290835 (rgb(41 8 53), hsl(284 74% 12%), oklch(0.219 0.087 315.4)) 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.
#290835
oklch(0.219 0.087 315.4)
Kleurconversies
- HEX
- #290835
- RGB
- rgb(41 8 53)
- HSL
- hsl(284 74% 12%)
- HWB
- hwb(284 3% 79%)
- OKLCH
- oklch(0.219 0.087 315.4)
- OKLab
- oklab(0.219 0.062 -0.061)
- CIE Lab
- lab(7.98 23.37 -21.8)
- LCH
- lch(7.98 31.96 317)
- CMYK
- cmyk(23% 85% 0% 79%)
Tinten · Schaduwen · Tonen
Tinten
- 3C1F47
- 4F355A
- 634C6E
- 786381
- 8D7C95
- A394AA
- B9AEBF
- D0C9D4
- E7E3E9
Schaduwen
- 22062D
- 1C0425
- 15031D
- 0F0215
- 09010E
- 050108
- 020003
- 010001
- 000000
Tonen
- 31153D
- 3A2144
- 422C4C
- 4B3853
- 53435B
- 5C4F62
- 655B6A
- 6E6771
- 777379
Kleurharmonieën
Complementair +180°
- 290835
Coal Mine
- 0B2100
≈ Yuzu Soy
Analoog -30° +30°
- 290835
Coal Mine
- 191040
≈ Deadly Depths
- 340223
≈ Vienna Roast
Triadisch +120° +240°
- 290835
Coal Mine
- 271700
≈ Cannon Black
- 002020
≈ Stellar Explorer
Gesplitst complementair +150° +210°
- 290835
Coal Mine
- 1E1B00
≈ Noir Mystique
- 002115
≈ Clock Chimes Thirteen
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 17.79:1 · APCA Lc 104
Ag
FailOp zwart
WCAG 1.18:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 17.79:1 (AAA) · APCA Lc 104
Contrast pairs
Codefragmenten
CSS
:root {
--coal-mine: #290835;
--coal-mine-rgb: 41 8 53;
--coal-mine-oklch: oklch(0.219 0.087 315.4);
}
.element {
color: var(--coal-mine);
background-color: hsl(284 74% 12%);
border-color: oklch(0.219 0.087 315.4);
}Tailwind CSS v4
@theme {
--color-coal-mine: #290835;
--color-coal-mine-50: #ffeeff;
--color-coal-mine-100: #f4dffb;
--color-coal-mine-200: #e4c9ed;
--color-coal-mine-300: #caaad5;
--color-coal-mine-400: #b28fc2;
--color-coal-mine-500: #9c74ae;
--color-coal-mine-600: #846293;
--color-coal-mine-700: #6a4f76;
--color-coal-mine-800: #4d3958;
--color-coal-mine-900: #36273d;
--color-coal-mine-950: #211527;
}SCSS
$coal-mine: #290835;
$coal-mine-rgb: 41, 8, 53;
$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);
}