لون مسمّى · #6D9A78
Oxley
Oxley هو #6D9A78: rgb(109 154 120)، hsl(135 18% 52%)، oklch(0.644 0.07 151.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Oxley color name →
#6D9A78
oklch(0.644 0.07 151.6)
تحويلات الألوان
- HEX
- #6d9a78
- RGB
- rgb(109 154 120)
- HSL
- hsl(135 18% 52%)
- HWB
- hwb(135 43% 40%)
- OKLCH
- oklch(0.644 0.07 151.6)
- OKLab
- oklab(0.644 -0.062 0.033)
- CIE Lab
- lab(59.62 -21.36 12.81)
- LCH
- lch(59.62 24.91 149)
- CMYK
- cmyk(29% 0% 22% 40%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 7BA485
- 8AAE92
- 98B89F
- A6C2AC
- B5CCBA
- C3D6C7
- D2E0D5
- E1EAE3
- F0F5F1
درجات داكنة
- 5E8567
- 4F7157
- 415E48
- 334B39
- 26392A
- 19271D
- 0D1710
- 040905
- 010101
درجات رمادية
- 6F9779
- 72957A
- 74927B
- 76907B
- 788D7C
- 798B7D
- 7B887E
- 7D857F
- 7E837F
تناسق الألوان
متمم +180°
- 6D9A78
Oxley
- A77EA1
≈ Usu Pink
متجاور -30° +30°
- 6D9A78
Oxley
- 869464
≈ Epsom
- 599C90
≈ Treasure Isle
ثلاثي +120° +240°
- 6D9A78
Oxley
- 7E8BB9
≈ Galactic Gossamer
- B47E73
≈ Heirloom
متمم منقسم +150° +210°
- 6D9A78
Oxley
- 9583B2
≈ Bougainvillaea
- B27B8A
≈ Foxglove
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.20:1 · APCA Lc 59
Ag
AAعلى الأسود
WCAG 6.54:1 · APCA Lc 42
أفضل لون للنص: #000000
WCAG 6.54:1 (AA) · APCA Lc 42
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--oxley: #6d9a78;
--oxley-rgb: 109 154 120;
--oxley-oklch: oklch(0.644 0.07 151.6);
}
.element {
color: var(--oxley);
background-color: hsl(135 18% 52%);
border-color: oklch(0.644 0.07 151.6);
}Tailwind CSS v4
@theme {
--color-oxley: #6d9a78;
--color-oxley-50: #e7fbec;
--color-oxley-100: #d7efdd;
--color-oxley-200: #bedec7;
--color-oxley-300: #9cc2a7;
--color-oxley-400: #80ab8a;
--color-oxley-500: #62946f;
--color-oxley-600: #537d5e;
--color-oxley-700: #43644b;
--color-oxley-800: #314935;
--color-oxley-900: #213324;
--color-oxley-950: #101f13;
}SCSS
$oxley: #6d9a78;
$oxley-rgb: 109, 154, 120;
$oxley-light: mix(#fff, $oxley, 20%);
$oxley-dark: mix(#000, $oxley, 20%);
.element {
color: $oxley;
box-shadow: 0 0 0 2px rgba($oxley, 0.35);
}