أقرب لون مسمّى · #68A5A5
#68A5A5
أقرب لون مسمّى: Twilight Meadow
#68A5A5 (rgb(104 165 165)، hsl(180 25% 53%)، oklch(0.681 0.063 195.8)) أقرب إلى اللون المسمّى Twilight Meadow. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#68A5A5
oklch(0.681 0.063 195.8)
تحويلات الألوان
- HEX
- #68a5a5
- RGB
- rgb(104 165 165)
- HSL
- hsl(180 25% 53%)
- HWB
- hwb(180 41% 35%)
- OKLCH
- oklch(0.681 0.063 195.8)
- OKLab
- oklab(0.681 -0.061 -0.017)
- CIE Lab
- lab(63.62 -20.53 -6.6)
- LCH
- lch(63.62 21.57 197.8)
- CMYK
- cmyk(37% 0% 0% 35%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 78AEAE
- 87B7B6
- 96C0BF
- A5C8C8
- B4D1D1
- C3DADA
- D2E4E3
- E1EDEC
- F0F6F6
درجات داكنة
- 598F8F
- 4B7979
- 3E6565
- 305151
- 243D3D
- 182B2B
- 0C1A1A
- 040A0A
- 000101
درجات رمادية
- 6BA1A1
- 6F9E9D
- 719A9A
- 749696
- 779392
- 798F8F
- 7B8B8B
- 7D8787
- 7E8484
تناسق الألوان
متمم +180°
- 68A5A5
Twilight Meadow
- BC898B
≈ Shabby Chic
متجاور -30° +30°
- 68A5A5
Twilight Meadow
- 73A58F
≈ Free Green
- 6DA1B6
≈ Adventure Isle
ثلاثي +120° +240°
- 68A5A5
Twilight Meadow
- A88DB3
≈ Revered
- AF946C
≈ Caramel Gold
متمم منقسم +150° +210°
- 68A5A5
Twilight Meadow
- B689A1
≈ Lover’s Tryst
- BA8D78
≈ Tuscany
رباعي +90° +180° +270°
- 68A5A5
Twilight Meadow
- 9493BE
≈ Royal Glimmer
- BC898B
≈ Shabby Chic
- 9D9B6E
≈ Domain
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.79:1 · APCA Lc 54
Ag
AAAعلى الأسود
WCAG 7.51:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--twilight-meadow: #68a5a5;
--twilight-meadow-rgb: 104 165 165;
--twilight-meadow-oklch: oklch(0.681 0.063 195.8);
}
.element {
color: var(--twilight-meadow);
background-color: hsl(180 25% 53%);
border-color: oklch(0.681 0.063 195.8);
}Tailwind CSS v4
@theme {
--color-twilight-meadow: #68a5a5;
--color-twilight-meadow-50: #e1fbfc;
--color-twilight-meadow-100: #d1efef;
--color-twilight-meadow-200: #b6ddde;
--color-twilight-meadow-300: #92c2c3;
--color-twilight-meadow-400: #71aaaa;
--color-twilight-meadow-500: #4f9394;
--color-twilight-meadow-600: #447d7d;
--color-twilight-meadow-700: #366464;
--color-twilight-meadow-800: #264949;
--color-twilight-meadow-900: #193332;
--color-twilight-meadow-950: #0a1f1e;
}SCSS
$twilight-meadow: #68a5a5;
$twilight-meadow-rgb: 104, 165, 165;
$twilight-meadow-light: mix(#fff, $twilight-meadow, 20%);
$twilight-meadow-dark: mix(#000, $twilight-meadow, 20%);
.element {
color: $twilight-meadow;
box-shadow: 0 0 0 2px rgba($twilight-meadow, 0.35);
}