Benannte Farbe · #004411
Wailing Woods
Wailing Woods ist #004411: rgb(0 68 17), hsl(135 100% 13%), oklch(0.337 0.102 146.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Wailing Woods color name →
#004411
oklch(0.337 0.102 146.2)
Farbumrechnungen
- HEX
- #004411
- RGB
- rgb(0 68 17)
- HSL
- hsl(135 100% 13%)
- HWB
- hwb(135 0% 73%)
- OKLCH
- oklch(0.337 0.102 146.2)
- OKLab
- oklab(0.337 -0.085 0.057)
- CIE Lab
- lab(24.25 -29.43 24.06)
- LCH
- lch(24.25 38.01 140.7)
- CMYK
- cmyk(100% 0% 75% 73%)
Tints · Shades · Tones
Tints
- 215528
- 3A673E
- 527954
- 698B6B
- 819E82
- 99B09A
- B2C4B3
- CBD7CC
- E5EBE5
Shades
- 003A0D
- 003009
- 002606
- 001D04
- 001402
- 000C01
- 000500
- 000200
- 000000
Tones
- 154A1D
- 245029
- 305634
- 3C5C3E
- 486249
- 536854
- 5E6E5F
- 69746A
- 757A75
Farbharmonien
Komplementär +180°
- 004411
Wailing Woods
- 512053
≈ Purple Velour
Analog -30° +30°
- 004411
Wailing Woods
- 353B00
≈ Dark Olive
- 004136
≈ UP Forest Green
Triadisch +120° +240°
- 004411
Wailing Woods
- 1E326B
≈ Atlantic Navy
- 611B19
≈ Cherrywood
Geteilt komplementär +150° +210°
- 004411
Wailing Woods
- 3D2865
≈ Fading Horizon
- 5D1A39
≈ Soul Anchor
Tetradisch +90° +180° +270°
- 004411
Wailing Woods
- 003C57
≈ Gibraltar Sea
- 512053
≈ Purple Velour
- 562900
≈ Conker Brown
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.44:1 · APCA Lc 96
Ag
FailAuf Schwarz
WCAG 1.83:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.44:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--wailing-woods: #004411;
--wailing-woods-rgb: 0 68 17;
--wailing-woods-oklch: oklch(0.337 0.102 146.2);
}
.element {
color: var(--wailing-woods);
background-color: hsl(135 100% 13%);
border-color: oklch(0.337 0.102 146.2);
}Tailwind CSS v4
@theme {
--color-wailing-woods: #004411;
--color-wailing-woods-50: #e2fee5;
--color-wailing-woods-100: #d2f2d5;
--color-wailing-woods-200: #b7e1bc;
--color-wailing-woods-300: #94c69a;
--color-wailing-woods-400: #76af7a;
--color-wailing-woods-500: #56985c;
--color-wailing-woods-600: #49814e;
--color-wailing-woods-700: #3a673e;
--color-wailing-woods-800: #2b4c2b;
--color-wailing-woods-900: #1d341d;
--color-wailing-woods-950: #0d200d;
}SCSS
$wailing-woods: #004411;
$wailing-woods-rgb: 0, 68, 17;
$wailing-woods-light: mix(#fff, $wailing-woods, 20%);
$wailing-woods-dark: mix(#000, $wailing-woods, 20%);
.element {
color: $wailing-woods;
box-shadow: 0 0 0 2px rgba($wailing-woods, 0.35);
}