Colore con nome · #3D604A
Windy Pine
Windy Pine è #3D604A: rgb(61 96 74), hsl(142 22% 31%), oklch(0.455 0.054 156). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Windy Pine color name →
#3D604A
oklch(0.455 0.054 156)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 4F6F5A
- 617E6B
- 748D7C
- 879D8E
- 9AACA0
- AEBCB2
- C1CDC5
- D6DDD8
- EAEEEB
Ombre
- 34523F
- 2B4535
- 22382A
- 1A2C20
- 122017
- 0A150E
- 040A06
- 010302
- 000000
Toni
- 44634F
- 4B6655
- 526A5A
- 586D5F
- 5F7065
- 66736A
- 6C766F
- 737A75
- 797D7A
Armonie di colore
Complementare +180°
- 3D604A
Windy Pine
- 6A4B62
≈ Bunchberry
Analogo -30° +30°
- 3D604A
Windy Pine
- 4F5C3B
≈ Shallot Leaf
- 2F615B
≈ Verdant Forest
Triadico +120° +240°
- 3D604A
Windy Pine
- 4E5475
≈ Deep Orchid
- 724C42
≈ Minotaur Red
Complementare divisa +150° +210°
- 3D604A
Windy Pine
- 5E4F6F
≈ Futaai Indigo
- 714A52
≈ Madder
Tetradico +90° +180° +270°
- 3D604A
Windy Pine
- 3D5A73
≈ Express Blue
- 6A4B62
≈ Bunchberry
- 6C5136
≈ Cowboy Boots
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.06:1 · APCA Lc 84
Ag
FailSu nero
WCAG 2.97:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 7.06:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
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);
}