Colore con nome più vicino · #025231
#025231
Colore con nome più vicino: Moor-Monster
#025231 (rgb(2 82 49), hsl(155 95% 16%), oklch(0.387 0.09 158)) è più vicino al colore con nome Moor-Monster. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#025231
oklch(0.387 0.09 158)
Conversioni di colore
- HEX
- #025231
- RGB
- rgb(2 82 49)
- HSL
- hsl(155 95% 16%)
- HWB
- hwb(155 1% 68%)
- OKLCH
- oklch(0.387 0.09 158)
- OKLab
- oklab(0.387 -0.083 0.034)
- CIE Lab
- lab(30.03 -29.53 13.01)
- LCH
- lch(30.03 32.27 156.2)
- CMYK
- cmyk(98% 0% 40% 68%)
Tinte · Ombre · Toni
Tinte
- 276243
- 407256
- 578369
- 6F947D
- 86A592
- 9DB7A7
- B5C8BC
- CDDAD2
- E6EDE8
Ombre
- 014629
- 013B22
- 012F1A
- 002513
- 001A0C
- 001106
- 000803
- 000201
- 000000
Toni
- 1A5739
- 295B40
- 356048
- 416550
- 4C6958
- 566E60
- 617268
- 6B7770
- 767C78
Armonie di colore
Complementare +180°
- 025231
Moor-Monster
- 622F55
≈ Spanish Plum
Analogo -30° +30°
- 025231
Moor-Monster
- 364D10
≈ Godzilla
- 004F4B
≈ Action Green
Triadico +120° +240°
- 025231
Moor-Monster
- 3A3E73
≈ Torea Bay
- 6B301E
≈ Hereford Cow Brown
Complementare divisa +150° +210°
- 025231
Moor-Monster
- 513569
≈ Petunia
- 6B2D3B
≈ Lovestruck
Tetradico +90° +180° +270°
- 025231
Moor-Monster
- 144771
≈ Medici Blue
- 622F55
≈ Spanish Plum
- 613A00
≈ Brown
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.31:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.25:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 9.31:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--moor-monster: #025231;
--moor-monster-rgb: 2 82 49;
--moor-monster-oklch: oklch(0.387 0.09 158);
}
.element {
color: var(--moor-monster);
background-color: hsl(155 95% 16%);
border-color: oklch(0.387 0.09 158);
}Tailwind CSS v4
@theme {
--color-moor-monster: #025231;
--color-moor-monster-50: #e0feec;
--color-moor-monster-100: #cff2de;
--color-moor-monster-200: #b4e1c7;
--color-moor-monster-300: #8fc6a8;
--color-moor-monster-400: #6faf8a;
--color-moor-monster-500: #4d986f;
--color-moor-monster-600: #42815e;
--color-moor-monster-700: #34674b;
--color-moor-monster-800: #264c35;
--color-moor-monster-900: #1a3524;
--color-moor-monster-950: #0a2013;
}SCSS
$moor-monster: #025231;
$moor-monster-rgb: 2, 82, 49;
$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);
}