أقرب لون مسمّى · #649B75
#649B75
أقرب لون مسمّى: Leafy
#649B75 (rgb(100 155 117)، hsl(139 22% 50%)، oklch(0.64 0.082 153.4)) أقرب إلى اللون المسمّى Leafy. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#649B75
oklch(0.64 0.082 153.4)
تحويلات الألوان
- HEX
- #649b75
- RGB
- rgb(100 155 117)
- HSL
- hsl(139 22% 50%)
- HWB
- hwb(139 39% 39%)
- OKLCH
- oklch(0.64 0.082 153.4)
- OKLab
- oklab(0.64 -0.073 0.037)
- CIE Lab
- lab(59.35 -25.29 14.01)
- LCH
- lch(59.35 28.91 151)
- CMYK
- cmyk(35% 0% 25% 39%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 74A582
- 83AF8F
- 92B89D
- A2C2AA
- B1CCB8
- C0D6C6
- D0E0D4
- DFEBE2
- EFF5F1
درجات داكنة
- 568665
- 487255
- 3B5E46
- 2E4B37
- 223929
- 16281C
- 0B180F
- 030905
- 000101
درجات رمادية
- 689876
- 6B9677
- 6E9379
- 71907A
- 748E7B
- 778B7C
- 79887D
- 7B867E
- 7E837F
تناسق الألوان
متمم +180°
- 649B75
Leafy
- AB7AA1
≈ Usu Pink
متجاور -30° +30°
- 649B75
Leafy
- 82955C
≈ Pretty Maiden
- 4B9D91
≈ Lagoon
ثلاثي +120° +240°
- 649B75
Leafy
- 7C89BE
≈ Iolite
- B87A6C
≈ Faneuil Brick
متمم منقسم +150° +210°
- 649B75
Leafy
- 9680B5
≈ Plum Burst
- B77787
≈ Mauve Seductress
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.23:1 · APCA Lc 60
Ag
AAعلى الأسود
WCAG 6.48:1 · APCA Lc 42
أفضل لون للنص: #000000
WCAG 6.48:1 (AA) · APCA Lc 42
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--leafy: #649b75;
--leafy-rgb: 100 155 117;
--leafy-oklch: oklch(0.64 0.082 153.4);
}
.element {
color: var(--leafy);
background-color: hsl(139 22% 50%);
border-color: oklch(0.64 0.082 153.4);
}Tailwind CSS v4
@theme {
--color-leafy: #649b75;
--color-leafy-50: #e4fdeb;
--color-leafy-100: #d3f1dc;
--color-leafy-200: #b9dfc5;
--color-leafy-300: #96c4a6;
--color-leafy-400: #78ad88;
--color-leafy-500: #59966d;
--color-leafy-600: #4c7f5c;
--color-leafy-700: #3c6649;
--color-leafy-800: #2c4b34;
--color-leafy-900: #1e3423;
--color-leafy-950: #0d1f12;
}SCSS
$leafy: #649b75;
$leafy-rgb: 100, 155, 117;
$leafy-light: mix(#fff, $leafy, 20%);
$leafy-dark: mix(#000, $leafy, 20%);
.element {
color: $leafy;
box-shadow: 0 0 0 2px rgba($leafy, 0.35);
}