Benannte Farbe · #3D604A
Windy Pine
Windy Pine ist #3D604A: rgb(61 96 74), hsl(142 22% 31%), oklch(0.455 0.054 156). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Windy Pine color name →
#3D604A
oklch(0.455 0.054 156)
Farbumrechnungen
- HEX
- #3d604a
- RGB
- rgb(61 96 74)
- HSL
- hsl(142 22% 31%)
- HWB
- hwb(142 24% 62%)
- OKLCH
- oklch(0.455 0.054 156)
- OKLab
- oklab(0.455 -0.05 0.022)
- CIE Lab
- lab(37.55 -17.21 8.43)
- LCH
- lch(37.55 19.16 153.9)
- CMYK
- cmyk(36% 0% 23% 62%)
Tints · Shades · Tones
Tints
- 4F6F5A
- 617E6B
- 748D7C
- 879D8E
- 9AACA0
- AEBCB2
- C1CDC5
- D6DDD8
- EAEEEB
Shades
- 34523F
- 2B4535
- 22382A
- 1A2C20
- 122017
- 0A150E
- 040A06
- 010302
- 000000
Tones
- 44634F
- 4B6655
- 526A5A
- 586D5F
- 5F7065
- 66736A
- 6C766F
- 737A75
- 797D7A
Farbharmonien
Komplementär +180°
- 3D604A
Windy Pine
- 6A4B62
≈ Bunchberry
Analog -30° +30°
- 3D604A
Windy Pine
- 4F5C3B
≈ Shallot Leaf
- 2F615B
≈ Verdant Forest
Triadisch +120° +240°
- 3D604A
Windy Pine
- 4E5475
≈ Deep Orchid
- 724C42
≈ Minotaur Red
Geteilt komplementär +150° +210°
- 3D604A
Windy Pine
- 5E4F6F
≈ Futaai Indigo
- 714A52
≈ Madder
Tetradisch +90° +180° +270°
- 3D604A
Windy Pine
- 3D5A73
≈ Express Blue
- 6A4B62
≈ Bunchberry
- 6C5136
≈ Cowboy Boots
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.06:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.97:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.06:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--windy-pine: #3d604a;
--windy-pine-rgb: 61 96 74;
--windy-pine-oklch: oklch(0.455 0.054 156);
}
.element {
color: var(--windy-pine);
background-color: hsl(142 22% 31%);
border-color: oklch(0.455 0.054 156);
}Tailwind CSS v4
@theme {
--color-windy-pine: #3d604a;
--color-windy-pine-50: #e9faef;
--color-windy-pine-100: #daeee1;
--color-windy-pine-200: #c2dccb;
--color-windy-pine-300: #a1c0ad;
--color-windy-pine-400: #85a891;
--color-windy-pine-500: #699177;
--color-windy-pine-600: #597b65;
--color-windy-pine-700: #476251;
--color-windy-pine-800: #34483a;
--color-windy-pine-900: #233228;
--color-windy-pine-950: #121e16;
}SCSS
$windy-pine: #3d604a;
$windy-pine-rgb: 61, 96, 74;
$windy-pine-light: mix(#fff, $windy-pine, 20%);
$windy-pine-dark: mix(#000, $windy-pine, 20%);
.element {
color: $windy-pine;
box-shadow: 0 0 0 2px rgba($windy-pine, 0.35);
}