لون مسمّى · #186E50
Precious Emerald
Precious Emerald هو #186E50: rgb(24 110 80)، hsl(159 64% 26%)، oklch(0.481 0.093 164.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Precious Emerald color name →
#186E50
oklch(0.481 0.093 164.5)
تحويلات الألوان
- HEX
- #186e50
- RGB
- rgb(24 110 80)
- HSL
- hsl(159 64% 26%)
- HWB
- hwb(159 9% 57%)
- OKLCH
- oklch(0.481 0.093 164.5)
- OKLab
- oklab(0.481 -0.09 0.025)
- CIE Lab
- lab(41.01 -31.79 9.35)
- LCH
- lch(41.01 33.14 163.6)
- CMYK
- cmyk(78% 0% 27% 57%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 367C60
- 4E8A70
- 659881
- 7BA692
- 90B5A3
- A6C3B5
- BCD2C7
- D2E1D9
- E8F0EC
درجات داكنة
- 135F44
- 0F5039
- 0A412E
- 073324
- 04261A
- 021910
- 010E07
- 000402
- 000100
درجات رمادية
- 297055
- 367259
- 42745E
- 4C7663
- 557868
- 5E796D
- 677B71
- 707D76
- 787E7B
تناسق الألوان
متمم +180°
- 186E50
Precious Emerald
- 82476A
≈ Madder Magenta
متجاور -30° +30°
- 186E50
Precious Emerald
- 476931
≈ Tree Shade
- 006C6C
≈ Mayan Blue
ثلاثي +120° +240°
- 186E50
Precious Emerald
- 585690
≈ Fine Purple
- 884B2F
≈ Two Cents
متمم منقسم +150° +210°
- 186E50
Precious Emerald
- 714D82
≈ Lilac Violet
- 8A464D
≈ Bolero
رباعي +90° +180° +270°
- 186E50
Precious Emerald
- 375F91
≈ Running Water
- 82476A
≈ Madder Magenta
- 7C5514
≈ Autumn Leaf Brown
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.20:1 · APCA Lc 81
Ag
Failعلى الأسود
WCAG 3.38:1 · APCA Lc 21
أفضل لون للنص: #FFFFFF
WCAG 6.20:1 (AA) · APCA Lc 81
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--precious-emerald: #186e50;
--precious-emerald-rgb: 24 110 80;
--precious-emerald-oklch: oklch(0.481 0.093 164.5);
}
.element {
color: var(--precious-emerald);
background-color: hsl(159 64% 26%);
border-color: oklch(0.481 0.093 164.5);
}Tailwind CSS v4
@theme {
--color-precious-emerald: #186e50;
--color-precious-emerald-50: #ddfeef;
--color-precious-emerald-100: #ccf2e1;
--color-precious-emerald-200: #afe2cc;
--color-precious-emerald-300: #89c7ad;
--color-precious-emerald-400: #66b090;
--color-precious-emerald-500: #3f9976;
--color-precious-emerald-600: #378264;
--color-precious-emerald-700: #2c6850;
--color-precious-emerald-800: #204c39;
--color-precious-emerald-900: #153527;
--color-precious-emerald-950: #062015;
}SCSS
$precious-emerald: #186e50;
$precious-emerald-rgb: 24, 110, 80;
$precious-emerald-light: mix(#fff, $precious-emerald, 20%);
$precious-emerald-dark: mix(#000, $precious-emerald, 20%);
.element {
color: $precious-emerald;
box-shadow: 0 0 0 2px rgba($precious-emerald, 0.35);
}