Colore con nome più vicino · #295427
#295427
Colore con nome più vicino: Moor-Monster
#295427 (rgb(41 84 39), hsl(117 37% 24%), oklch(0.403 0.087 142.9)) è più vicino al colore con nome Moor-Monster. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#295427
oklch(0.403 0.087 142.9)
Conversioni di colore
- HEX
- #295427
- RGB
- rgb(41 84 39)
- HSL
- hsl(117 37% 24%)
- HWB
- hwb(117 15% 67%)
- OKLCH
- oklch(0.403 0.087 142.9)
- OKLab
- oklab(0.403 -0.069 0.052)
- CIE Lab
- lab(31.74 -23.51 21.32)
- LCH
- lch(31.74 31.74 137.8)
- CMYK
- cmyk(51% 0% 54% 67%)
Tinte · Ombre · Toni
Tinte
- 3D643B
- 51744F
- 668463
- 7B9578
- 90A68E
- A5B7A3
- BBC9BA
- D1DBD0
- E8EDE7
Ombre
- 224820
- 1C3C1A
- 153114
- 0F260E
- 091B08
- 051104
- 020802
- 010201
- 000000
Toni
- 325930
- 3B5D39
- 446142
- 4D664B
- 556A54
- 5E6F5C
- 667365
- 6F776E
- 777C77
Armonie di colore
Complementare +180°
- 295427
Moor-Monster
- 5E3763
≈ Long Passionate Night
Analogo -30° +30°
- 295427
Moor-Monster
- 494D05
≈ No Emissions Green
- 005644
≈ Sacramento State Green
Triadico +120° +240°
- 295427
Moor-Monster
- 2F4777
≈ Dragonfly
- 703332
≈ Henna Red
Complementare divisa +150° +210°
- 295427
Moor-Monster
- 4B3E73
≈ Opera Blue
- 6B334C
≈ Noble Honour
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.78:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.39:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 8.78:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--moor-monster: #295427;
--moor-monster-rgb: 41 84 39;
--moor-monster-oklch: oklch(0.403 0.087 142.9);
}
.element {
color: var(--moor-monster);
background-color: hsl(117 37% 24%);
border-color: oklch(0.403 0.087 142.9);
}Tailwind CSS v4
@theme {
--color-moor-monster: #295427;
--color-moor-monster-50: #e7fce6;
--color-moor-monster-100: #d7f0d6;
--color-moor-monster-200: #bedfbe;
--color-moor-monster-300: #9cc49c;
--color-moor-monster-400: #80ac7d;
--color-moor-monster-500: #639560;
--color-moor-monster-600: #547e51;
--color-moor-monster-700: #436541;
--color-moor-monster-800: #314a2d;
--color-moor-monster-900: #21331e;
--color-moor-monster-950: #111f0e;
}SCSS
$moor-monster: #295427;
$moor-monster-rgb: 41, 84, 39;
$moor-monster-light: mix(#fff, $moor-monster, 20%);
$moor-monster-dark: mix(#000, $moor-monster, 20%);
.element {
color: $moor-monster;
box-shadow: 0 0 0 2px rgba($moor-monster, 0.35);
}