Nächste benannte Farbe · #005E1E
#005E1E
Nächste benannte Farbe: Woodland Wonder
#005E1E (rgb(0 94 30), hsl(139 100% 18%), oklch(0.42 0.125 146.9)) liegt am nächsten an der benannten Farbe Woodland Wonder. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#005E1E
oklch(0.42 0.125 146.9)
Farbumrechnungen
- HEX
- #005e1e
- RGB
- rgb(0 94 30)
- HSL
- hsl(139 100% 18%)
- HWB
- hwb(139 0% 63%)
- OKLCH
- oklch(0.42 0.125 146.9)
- OKLab
- oklab(0.42 -0.105 0.068)
- CIE Lab
- lab(34.2 -36.39 28.53)
- LCH
- lch(34.2 46.24 141.9)
- CMYK
- cmyk(100% 0% 68% 63%)
Tints · Shades · Tones
Tints
- 286D35
- 427D4A
- 5A8D5F
- 719D75
- 88AD8B
- 9FBDA1
- B7CDB8
- CFDECF
- E7EEE7
Shades
- 005119
- 004413
- 00370E
- 002B09
- 001F05
- 001403
- 000A01
- 000300
- 000000
Tones
- 1B6229
- 2B6534
- 37693E
- 436D48
- 4E7051
- 58735A
- 627764
- 6C7A6D
- 767D77
Farbharmonien
Komplementär +180°
- 005E1E
Woodland Wonder
- 6F2F70
≈ Seance
Analog -30° +30°
- 005E1E
Woodland Wonder
- 4A5300
≈ Highlands Moss
- 005B4C
≈ Forest Shadows
Triadisch +120° +240°
- 005E1E
Woodland Wonder
- 2E4790
≈ Cascade Twilight
- 842A25
≈ Polished Apple
Geteilt komplementär +150° +210°
- 005E1E
Woodland Wonder
- 553A88
≈ Kingfisher Daisy
- 7F284E
≈ Red Plum
Tetradisch +90° +180° +270°
- 005E1E
Woodland Wonder
- 005378
≈ Ocean Spray
- 6F2F70
≈ Seance
- 753C00
≈ Bloodtracker Brown
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.01:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.61:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 8.01:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--woodland-wonder: #005e1e;
--woodland-wonder-rgb: 0 94 30;
--woodland-wonder-oklch: oklch(0.42 0.125 146.9);
}
.element {
color: var(--woodland-wonder);
background-color: hsl(139 100% 18%);
border-color: oklch(0.42 0.125 146.9);
}Tailwind CSS v4
@theme {
--color-woodland-wonder: #005e1e;
--color-woodland-wonder-50: #ddffe2;
--color-woodland-wonder-100: #ccf4d2;
--color-woodland-wonder-200: #b0e4b7;
--color-woodland-wonder-300: #89ca94;
--color-woodland-wonder-400: #69b272;
--color-woodland-wonder-500: #449c52;
--color-woodland-wonder-600: #3b8446;
--color-woodland-wonder-700: #2f6a38;
--color-woodland-wonder-800: #234d26;
--color-woodland-wonder-900: #173619;
--color-woodland-wonder-950: #08210a;
}SCSS
$woodland-wonder: #005e1e;
$woodland-wonder-rgb: 0, 94, 30;
$woodland-wonder-light: mix(#fff, $woodland-wonder, 20%);
$woodland-wonder-dark: mix(#000, $woodland-wonder, 20%);
.element {
color: $woodland-wonder;
box-shadow: 0 0 0 2px rgba($woodland-wonder, 0.35);
}