Couleur nommée la plus proche · #025231
#025231
Couleur nommée la plus proche: Moor-Monster
#025231 (rgb(2 82 49), hsl(155 95% 16%), oklch(0.387 0.09 158)) est la plus proche de la couleur nommée Moor-Monster. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#025231
oklch(0.387 0.09 158)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 276243
- 407256
- 578369
- 6F947D
- 86A592
- 9DB7A7
- B5C8BC
- CDDAD2
- E6EDE8
Ombres
- 014629
- 013B22
- 012F1A
- 002513
- 001A0C
- 001106
- 000803
- 000201
- 000000
Tons
- 1A5739
- 295B40
- 356048
- 416550
- 4C6958
- 566E60
- 617268
- 6B7770
- 767C78
Harmonies de couleurs
Complémentaire +180°
- 025231
Moor-Monster
- 622F55
≈ Spanish Plum
Analogue -30° +30°
- 025231
Moor-Monster
- 364D10
≈ Godzilla
- 004F4B
≈ Action Green
Triadique +120° +240°
- 025231
Moor-Monster
- 3A3E73
≈ Torea Bay
- 6B301E
≈ Hereford Cow Brown
Complémentaire divisée +150° +210°
- 025231
Moor-Monster
- 513569
≈ Petunia
- 6B2D3B
≈ Lovestruck
Tétradique +90° +180° +270°
- 025231
Moor-Monster
- 144771
≈ Medici Blue
- 622F55
≈ Spanish Plum
- 613A00
≈ Brown
Contraste et accessibilité
Ag
AAASur blanc
WCAG 9.31:1 · APCA Lc 91
Ag
FailSur noir
WCAG 2.25:1 · APCA Lc 11
Meilleure couleur de texte: #FFFFFF
WCAG 9.31:1 (AAA) · APCA Lc 91
Contrast pairs
Extraits de code
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);
}