Nächste benannte Farbe · #025231
#025231
Nächste benannte Farbe: Moor-Monster
#025231 (rgb(2 82 49), hsl(155 95% 16%), oklch(0.387 0.09 158)) liegt am nächsten an der benannten Farbe Moor-Monster. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#025231
oklch(0.387 0.09 158)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 276243
- 407256
- 578369
- 6F947D
- 86A592
- 9DB7A7
- B5C8BC
- CDDAD2
- E6EDE8
Shades
- 014629
- 013B22
- 012F1A
- 002513
- 001A0C
- 001106
- 000803
- 000201
- 000000
Tones
- 1A5739
- 295B40
- 356048
- 416550
- 4C6958
- 566E60
- 617268
- 6B7770
- 767C78
Farbharmonien
Komplementär +180°
- 025231
Moor-Monster
- 622F55
≈ Spanish Plum
Analog -30° +30°
- 025231
Moor-Monster
- 364D10
≈ Godzilla
- 004F4B
≈ Action Green
Triadisch +120° +240°
- 025231
Moor-Monster
- 3A3E73
≈ Torea Bay
- 6B301E
≈ Hereford Cow Brown
Geteilt komplementär +150° +210°
- 025231
Moor-Monster
- 513569
≈ Petunia
- 6B2D3B
≈ Lovestruck
Tetradisch +90° +180° +270°
- 025231
Moor-Monster
- 144771
≈ Medici Blue
- 622F55
≈ Spanish Plum
- 613A00
≈ Brown
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.31:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.25:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.31:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
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);
}