Colore con nome · #004411
Wailing Woods
Wailing Woods è #004411: rgb(0 68 17), hsl(135 100% 13%), oklch(0.337 0.102 146.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Wailing Woods color name →
#004411
oklch(0.337 0.102 146.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 215528
- 3A673E
- 527954
- 698B6B
- 819E82
- 99B09A
- B2C4B3
- CBD7CC
- E5EBE5
Ombre
- 003A0D
- 003009
- 002606
- 001D04
- 001402
- 000C01
- 000500
- 000200
- 000000
Toni
- 154A1D
- 245029
- 305634
- 3C5C3E
- 486249
- 536854
- 5E6E5F
- 69746A
- 757A75
Armonie di colore
Complementare +180°
- 004411
Wailing Woods
- 512053
≈ Purple Velour
Analogo -30° +30°
- 004411
Wailing Woods
- 353B00
≈ Dark Olive
- 004136
≈ UP Forest Green
Triadico +120° +240°
- 004411
Wailing Woods
- 1E326B
≈ Atlantic Navy
- 611B19
≈ Cherrywood
Complementare divisa +150° +210°
- 004411
Wailing Woods
- 3D2865
≈ Fading Horizon
- 5D1A39
≈ Soul Anchor
Tetradico +90° +180° +270°
- 004411
Wailing Woods
- 003C57
≈ Gibraltar Sea
- 512053
≈ Purple Velour
- 562900
≈ Conker Brown
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.44:1 · APCA Lc 96
Ag
FailSu nero
WCAG 1.83:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.44:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
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);
}