Adlandırılmış renk · #395648
Shadow Leaf
Shadow Leaf, #395648: rgb(57 86 72), hsl(151 20% 28%), oklch(0.426 0.042 163.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Shadow Leaf color name →
#395648
oklch(0.426 0.042 163.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4B6558
- 5E7569
- 70857B
- 84968C
- 97A79F
- ABB8B1
- C0C9C4
- D4DBD7
- EAEDEB
Koyu tonlar
- 304A3D
- 283E33
- 1F3229
- 17271F
- 101C16
- 09120D
- 040806
- 010202
- 000000
Gri tonlar
- 405A4D
- 475E53
- 4E6258
- 55675E
- 5C6B63
- 646F69
- 6B736F
- 727774
- 797C7A
Renk uyumları
Tamamlayıcı +180°
- 395648
Shadow Leaf
- 5F4655
≈ Plummy Rouge
Analog -30° +30°
- 395648
Shadow Leaf
- 46543C
≈ Green Tone Ink
- 325655
≈ Oracle
Üçlü +120° +240°
- 395648
Shadow Leaf
- 4B4C65
≈ Blue Suede Shoes
- 63473C
≈ Fairfax Brown
Bölünmüş tamamlayıcı +150° +210°
- 395648
Shadow Leaf
- 57485F
≈ Soul Train
- 634548
≈ Purple Earth
Dörtlü +90° +180° +270°
- 395648
Shadow Leaf
- 3E5065
≈ Inked
- 5F4655
≈ Plummy Rouge
- 5D4B35
≈ Beggar
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.08:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.59:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.08:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
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);
}