لون مسمّى · #81A595
Verdigreen
Verdigreen هو #81A595: rgb(129 165 149)، hsl(153 17% 58%)، oklch(0.69 0.046 166.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Verdigreen color name →
#81A595
oklch(0.69 0.046 166.1)
تحويلات الألوان
- HEX
- #81a595
- RGB
- rgb(129 165 149)
- HSL
- hsl(153 17% 58%)
- HWB
- hwb(153 51% 35%)
- OKLCH
- oklch(0.69 0.046 166.1)
- OKLab
- oklab(0.69 -0.045 0.011)
- CIE Lab
- lab(64.71 -15.35 4.07)
- LCH
- lch(64.71 15.88 165.1)
- CMYK
- cmyk(22% 0% 10% 35%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 8DAE9F
- 9AB7A9
- A6BFB4
- B2C8BE
- BFD1C9
- CCDAD3
- D8E3DE
- E5EDE9
- F2F6F4
درجات داكنة
- 6F8F81
- 5E796D
- 4E655A
- 3E5148
- 2E3D37
- 1F2B26
- 121A16
- 060A08
- 010101
درجات رمادية
- 81A193
- 819E91
- 819A8F
- 81968D
- 81928A
- 818F88
- 818B86
- 818784
- 808482
تناسق الألوان
متمم +180°
- 81A595
Verdigreen
- B290A1
≈ Mauve Shadows
متجاور -30° +30°
- 81A595
Verdigreen
- 8FA286
≈ Fresh Sod
- 7AA5A5
≈ Sightful
ثلاثي +120° +240°
- 81A595
Verdigreen
- 9998B7
≈ Tusi Grey
- B59384
≈ Mauve Blush
متمم منقسم +150° +210°
- 81A595
Verdigreen
- A793AF
≈ Knight’s Tale
- B69092
≈ Rosy Brown
رباعي +90° +180° +270°
- 81A595
Verdigreen
- 899DB8
≈ Astro Bound
- B290A1
≈ Mauve Shadows
- AC987C
≈ York Beige
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.70:1 · APCA Lc 53
Ag
AAAعلى الأسود
WCAG 7.74:1 · APCA Lc 49
أفضل لون للنص: #000000
WCAG 7.74:1 (AAA) · APCA Lc 49
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--verdigreen: #81a595;
--verdigreen-rgb: 129 165 149;
--verdigreen-oklch: oklch(0.69 0.046 166.1);
}
.element {
color: var(--verdigreen);
background-color: hsl(153 17% 58%);
border-color: oklch(0.69 0.046 166.1);
}Tailwind CSS v4
@theme {
--color-verdigreen: #81a595;
--color-verdigreen-50: #e9faf3;
--color-verdigreen-100: #daede5;
--color-verdigreen-200: #c2dbd0;
--color-verdigreen-300: #a2bfb3;
--color-verdigreen-400: #85a898;
--color-verdigreen-500: #69907f;
--color-verdigreen-600: #597a6c;
--color-verdigreen-700: #476256;
--color-verdigreen-800: #34483e;
--color-verdigreen-900: #23322b;
--color-verdigreen-950: #121e18;
}SCSS
$verdigreen: #81a595;
$verdigreen-rgb: 129, 165, 149;
$verdigreen-light: mix(#fff, $verdigreen, 20%);
$verdigreen-dark: mix(#000, $verdigreen, 20%);
.element {
color: $verdigreen;
box-shadow: 0 0 0 2px rgba($verdigreen, 0.35);
}