Colore con nome più vicino · #2F5425
#2F5425
Colore con nome più vicino: Moor-Monster
#2F5425 (rgb(47 84 37), hsl(107 39% 24%), oklch(0.406 0.085 139.3)) è più vicino al colore con nome Moor-Monster. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#2F5425
oklch(0.406 0.085 139.3)
Conversioni di colore
- HEX
- #2f5425
- RGB
- rgb(47 84 37)
- HSL
- hsl(107 39% 24%)
- HWB
- hwb(107 15% 67%)
- OKLCH
- oklch(0.406 0.085 139.3)
- OKLab
- oklab(0.406 -0.065 0.056)
- CIE Lab
- lab(32.03 -21.61 22.87)
- LCH
- lch(32.03 31.47 133.4)
- CMYK
- cmyk(44% 0% 56% 67%)
Tinte · Ombre · Toni
Tinte
- 426439
- 56744E
- 698462
- 7D9577
- 92A68D
- A7B7A3
- BCC9B9
- D2DBD0
- E8EDE7
Ombre
- 27481F
- 203C19
- 193113
- 12260D
- 0C1B08
- 061104
- 030802
- 010200
- 000000
Toni
- 37582F
- 405D38
- 486141
- 50664A
- 586A53
- 606F5C
- 687365
- 70776E
- 787C77
Armonie di colore
Complementare +180°
- 2F5425
Moor-Monster
- 5D3966
≈ Purple Splendour
Analogo -30° +30°
- 2F5425
Moor-Monster
- 4D4C05
≈ Scorzonera Brown
- 005742
≈ Sacramento State Green
Triadico +120° +240°
- 2F5425
Moor-Monster
- 2C4977
≈ Dragonfly
- 703436
≈ Red Theatre
Complementare divisa +150° +210°
- 2F5425
Moor-Monster
- 484074
≈ Deep Wisteria
- 6A3450
≈ Noble Honour
Tetradico +90° +180° +270°
- 2F5425
Moor-Monster
- 00516C
≈ Gemstone Blue
- 5D3966
≈ Purple Splendour
- 6D391A
≈ Searing Gorge Brown
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.69:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.41:1 · APCA Lc 13
Miglior colore del testo: #FFFFFF
WCAG 8.69:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--moor-monster: #2f5425;
--moor-monster-rgb: 47 84 37;
--moor-monster-oklch: oklch(0.406 0.085 139.3);
}
.element {
color: var(--moor-monster);
background-color: hsl(107 39% 24%);
border-color: oklch(0.406 0.085 139.3);
}Tailwind CSS v4
@theme {
--color-moor-monster: #2f5425;
--color-moor-monster-50: #e8fce5;
--color-moor-monster-100: #d9f0d5;
--color-moor-monster-200: #c1debc;
--color-moor-monster-300: #a0c39a;
--color-moor-monster-400: #84ab7a;
--color-moor-monster-500: #68945d;
--color-moor-monster-600: #587d4f;
--color-moor-monster-700: #46643f;
--color-moor-monster-800: #34492c;
--color-moor-monster-900: #23331d;
--color-moor-monster-950: #121e0d;
}SCSS
$moor-monster: #2f5425;
$moor-monster-rgb: 47, 84, 37;
$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);
}