Nazwany kolor · #395648
Shadow Leaf
Shadow Leaf to #395648: rgb(57 86 72), hsl(151 20% 28%), oklch(0.426 0.042 163.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Shadow Leaf color name →
#395648
oklch(0.426 0.042 163.1)
Konwersje koloru
- HEX
- #395648
- RGB
- rgb(57 86 72)
- HSL
- hsl(151 20% 28%)
- HWB
- hwb(151 22% 66%)
- OKLCH
- oklch(0.426 0.042 163.1)
- OKLab
- oklab(0.426 -0.04 0.012)
- CIE Lab
- lab(33.93 -13.88 4.56)
- LCH
- lch(33.93 14.61 161.8)
- CMYK
- cmyk(34% 0% 16% 66%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4B6558
- 5E7569
- 70857B
- 84968C
- 97A79F
- ABB8B1
- C0C9C4
- D4DBD7
- EAEDEB
Odcienie ciemniejsze
- 304A3D
- 283E33
- 1F3229
- 17271F
- 101C16
- 09120D
- 040806
- 010202
- 000000
Tony
- 405A4D
- 475E53
- 4E6258
- 55675E
- 5C6B63
- 646F69
- 6B736F
- 727774
- 797C7A
Harmonie kolorów
Komplementarna +180°
- 395648
Shadow Leaf
- 5F4655
≈ Plummy Rouge
Analogowa -30° +30°
- 395648
Shadow Leaf
- 46543C
≈ Green Tone Ink
- 325655
≈ Oracle
Triada +120° +240°
- 395648
Shadow Leaf
- 4B4C65
≈ Blue Suede Shoes
- 63473C
≈ Fairfax Brown
Komplementarna rozszczepiona +150° +210°
- 395648
Shadow Leaf
- 57485F
≈ Soul Train
- 634548
≈ Purple Earth
Tetrada +90° +180° +270°
- 395648
Shadow Leaf
- 3E5065
≈ Inked
- 5F4655
≈ Plummy Rouge
- 5D4B35
≈ Beggar
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.08:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.59:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.08:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--shadow-leaf: #395648;
--shadow-leaf-rgb: 57 86 72;
--shadow-leaf-oklch: oklch(0.426 0.042 163.1);
}
.element {
color: var(--shadow-leaf);
background-color: hsl(151 20% 28%);
border-color: oklch(0.426 0.042 163.1);
}Tailwind CSS v4
@theme {
--color-shadow-leaf: #395648;
--color-shadow-leaf-50: #ebf9f2;
--color-shadow-leaf-100: #dcede4;
--color-shadow-leaf-200: #c5dad0;
--color-shadow-leaf-300: #a4bfb2;
--color-shadow-leaf-400: #89a797;
--color-shadow-leaf-500: #6d8f7e;
--color-shadow-leaf-600: #5d796b;
--color-shadow-leaf-700: #4a6155;
--color-shadow-leaf-800: #36473e;
--color-shadow-leaf-900: #25312a;
--color-shadow-leaf-950: #131d18;
}SCSS
$shadow-leaf: #395648;
$shadow-leaf-rgb: 57, 86, 72;
$shadow-leaf-light: mix(#fff, $shadow-leaf, 20%);
$shadow-leaf-dark: mix(#000, $shadow-leaf, 20%);
.element {
color: $shadow-leaf;
box-shadow: 0 0 0 2px rgba($shadow-leaf, 0.35);
}