Nächste benannte Farbe · #00593A
#00593A
Nächste benannte Farbe: Midori
#00593A (rgb(0 89 58), hsl(159 100% 17%), oklch(0.41 0.091 161.3)) liegt am nächsten an der benannten Farbe Midori. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#00593A
oklch(0.41 0.091 161.3)
Farbumrechnungen
- HEX
- #00593a
- RGB
- rgb(0 89 58)
- HSL
- hsl(159 100% 17%)
- HWB
- hwb(159 0% 65%)
- OKLCH
- oklch(0.41 0.091 161.3)
- OKLab
- oklab(0.41 -0.086 0.029)
- CIE Lab
- lab(32.74 -30.7 11.16)
- LCH
- lch(32.74 32.67 160)
- CMYK
- cmyk(100% 0% 35% 65%)
Tints · Shades · Tones
Tints
- 28694C
- 42785E
- 598870
- 709983
- 88A997
- 9FBAAB
- B6CBBF
- CEDCD4
- E6EDE9
Shades
- 004C31
- 004028
- 003420
- 002818
- 001D10
- 001309
- 000904
- 000301
- 000000
Tones
- 1A5D41
- 2A6148
- 37654E
- 426955
- 4D6D5C
- 587163
- 62756A
- 6C7872
- 767C79
Farbharmonien
Komplementär +180°
- 00593A
Midori
- 6A3459
≈ Grape
Analog -30° +30°
- 00593A
Midori
- 38541A
≈ Navy Green
- 005654
≈ Tabriz Teal
Triadisch +120° +240°
- 00593A
Midori
- 42437A
≈ Little Blue Heron
- 723720
≈ Rosewood Brown
Geteilt komplementär +150° +210°
- 00593A
Midori
- 5A3B6E
≈ Honey Flower
- 73333E
≈ Aged Merlot
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.43:1 · APCA Lc 89
Ag
FailAuf Schwarz
WCAG 2.49:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.43:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--midori: #00593a;
--midori-rgb: 0 89 58;
--midori-oklch: oklch(0.41 0.091 161.3);
}
.element {
color: var(--midori);
background-color: hsl(159 100% 17%);
border-color: oklch(0.41 0.091 161.3);
}Tailwind CSS v4
@theme {
--color-midori: #00593a;
--color-midori-50: #dffeee;
--color-midori-100: #cef2df;
--color-midori-200: #b2e1c9;
--color-midori-300: #8cc6aa;
--color-midori-400: #6baf8d;
--color-midori-500: #479973;
--color-midori-600: #3d8161;
--color-midori-700: #31674e;
--color-midori-800: #234c37;
--color-midori-900: #173526;
--color-midori-950: #082014;
}SCSS
$midori: #00593a;
$midori-rgb: 0, 89, 58;
$midori-light: mix(#fff, $midori, 20%);
$midori-dark: mix(#000, $midori, 20%);
.element {
color: $midori;
box-shadow: 0 0 0 2px rgba($midori, 0.35);
}