لون مسمّى · #069261
Emerald Lake
Emerald Lake هو #069261: rgb(6 146 97)، hsl(159 92% 30%)، oklch(0.583 0.129 160.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Emerald Lake color name →
#069261
oklch(0.583 0.129 160.7)
تحويلات الألوان
- HEX
- #069261
- RGB
- rgb(6 146 97)
- HSL
- hsl(159 92% 30%)
- HWB
- hwb(159 2% 43%)
- OKLCH
- oklch(0.583 0.129 160.7)
- OKLab
- oklab(0.583 -0.122 0.043)
- CIE Lab
- lab(53.35 -43.48 16.4)
- LCH
- lch(53.35 46.47 159.3)
- CMYK
- cmyk(96% 0% 34% 43%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 389D70
- 53A87F
- 6BB38E
- 81BE9E
- 97C8AD
- ACD3BD
- C1DECD
- D5E9DE
- EAF4EE
درجات داكنة
- 047E53
- 036B46
- 025839
- 01462D
- 013521
- 002515
- 00160B
- 000803
- 000100
درجات رمادية
- 289164
- 398F68
- 468D6B
- 518C6E
- 5A8A71
- 638874
- 6B8677
- 72847A
- 79827D
تناسق الألوان
متمم +180°
- 069261
Emerald Lake
- AD5A92
≈ Meadow Mauve
متجاور -30° +30°
- 069261
Emerald Lake
- 608A2F
≈ Maximum Green
- 008E89
≈ Aqua Experience
ثلاثي +120° +240°
- 069261
Emerald Lake
- 6E70C6
≈ Purple Toolbox
- BA5D3A
≈ Deep Reddish Orange
متمم منقسم +150° +210°
- 069261
Emerald Lake
- 9363B3
≈ Lusty Lavender
- BA5769
≈ Candied Apple
رباعي +90° +180° +270°
- 069261
Emerald Lake
- 377FC5
≈ Tufts Blue
- AD5A92
≈ Meadow Mauve
- A96C00
≈ Buckthorn Brown
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.96:1 · APCA Lc 66
Ag
AAعلى الأسود
WCAG 5.29:1 · APCA Lc 35
أفضل لون للنص: #000000
WCAG 5.29:1 (AA) · APCA Lc 35
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--emerald-lake: #069261;
--emerald-lake-rgb: 6 146 97;
--emerald-lake-oklch: oklch(0.583 0.129 160.7);
}
.element {
color: var(--emerald-lake);
background-color: hsl(159 92% 30%);
border-color: oklch(0.583 0.129 160.7);
}Tailwind CSS v4
@theme {
--color-emerald-lake: #069261;
--color-emerald-lake-50: #d5ffea;
--color-emerald-lake-100: #c2f6db;
--color-emerald-lake-200: #a1e6c4;
--color-emerald-lake-300: #75cca4;
--color-emerald-lake-400: #4bb685;
--color-emerald-lake-500: #009f69;
--color-emerald-lake-600: #018759;
--color-emerald-lake-700: #056c47;
--color-emerald-lake-800: #084f31;
--color-emerald-lake-900: #063721;
--color-emerald-lake-950: #002211;
}SCSS
$emerald-lake: #069261;
$emerald-lake-rgb: 6, 146, 97;
$emerald-lake-light: mix(#fff, $emerald-lake, 20%);
$emerald-lake-dark: mix(#000, $emerald-lake, 20%);
.element {
color: $emerald-lake;
box-shadow: 0 0 0 2px rgba($emerald-lake, 0.35);
}