Nazwany kolor · #3D604A
Windy Pine
Windy Pine to #3D604A: rgb(61 96 74), hsl(142 22% 31%), oklch(0.455 0.054 156). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Windy Pine color name →
#3D604A
oklch(0.455 0.054 156)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4F6F5A
- 617E6B
- 748D7C
- 879D8E
- 9AACA0
- AEBCB2
- C1CDC5
- D6DDD8
- EAEEEB
Odcienie ciemniejsze
- 34523F
- 2B4535
- 22382A
- 1A2C20
- 122017
- 0A150E
- 040A06
- 010302
- 000000
Tony
- 44634F
- 4B6655
- 526A5A
- 586D5F
- 5F7065
- 66736A
- 6C766F
- 737A75
- 797D7A
Harmonie kolorów
Komplementarna +180°
- 3D604A
Windy Pine
- 6A4B62
≈ Bunchberry
Analogowa -30° +30°
- 3D604A
Windy Pine
- 4F5C3B
≈ Shallot Leaf
- 2F615B
≈ Verdant Forest
Triada +120° +240°
- 3D604A
Windy Pine
- 4E5475
≈ Deep Orchid
- 724C42
≈ Minotaur Red
Komplementarna rozszczepiona +150° +210°
- 3D604A
Windy Pine
- 5E4F6F
≈ Futaai Indigo
- 714A52
≈ Madder
Tetrada +90° +180° +270°
- 3D604A
Windy Pine
- 3D5A73
≈ Express Blue
- 6A4B62
≈ Bunchberry
- 6C5136
≈ Cowboy Boots
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.06:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 2.97:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.06:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
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);
}