لون مسمّى · #797287
Early Dawn
Early Dawn هو #797287: rgb(121 114 135)، hsl(260 8% 49%)، oklch(0.566 0.033 300.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Early Dawn color name →
#797287
oklch(0.566 0.033 300.6)
تحويلات الألوان
- HEX
- #797287
- RGB
- rgb(121 114 135)
- HSL
- hsl(260 8% 49%)
- HWB
- hwb(260 45% 47%)
- OKLCH
- oklch(0.566 0.033 300.6)
- OKLab
- oklab(0.566 0.017 -0.028)
- CIE Lab
- lab(49.24 6.07 -10.54)
- LCH
- lch(49.24 12.16 299.9)
- CMYK
- cmyk(10% 16% 0% 47%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 867F92
- 928D9E
- 9F9AAA
- ACA8B6
- BAB6C1
- C7C4CE
- D5D3DA
- E3E1E6
- F1F0F2
درجات داكنة
- 686275
- 585363
- 484451
- 393641
- 2B2831
- 1D1B21
- 100E13
- 050406
- 010101
درجات رمادية
- 7A7386
- 7A7586
- 7B7685
- 7C7884
- 7C7984
- 7D7A83
- 7E7C82
- 7F7D82
- 7F7F81
تناسق الألوان
متمم +180°
- 797287
Early Dawn
- 737964
≈ Deep Lichen Green
متجاور -30° +30°
- 797287
Early Dawn
- 6F768A
≈ Ice Blue Grey
- 826F7F
≈ Decorative Iris
ثلاثي +120° +240°
- 797287
Early Dawn
- 857263
≈ Dusty Chestnut
- 617D77
≈ Salal Leaves
متمم منقسم +150° +210°
- 797287
Early Dawn
- 7D7660
≈ Swamp
- 697C6C
≈ Cricket Green
رباعي +90° +180° +270°
- 797287
Early Dawn
- 896F6B
≈ Umbra Sand
- 737964
≈ Deep Lichen Green
- 607C81
≈ Refuge
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.59:1 · APCA Lc 72
Ag
AAعلى الأسود
WCAG 4.56:1 · APCA Lc 30
أفضل لون للنص: #FFFFFF
WCAG 4.59:1 (AA) · APCA Lc 72
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--early-dawn: #797287;
--early-dawn-rgb: 121 114 135;
--early-dawn-oklch: oklch(0.566 0.033 300.6);
}
.element {
color: var(--early-dawn);
background-color: hsl(260 8% 49%);
border-color: oklch(0.566 0.033 300.6);
}Tailwind CSS v4
@theme {
--color-early-dawn: #797287;
--color-early-dawn-50: #f7f3fd;
--color-early-dawn-100: #eae5f1;
--color-early-dawn-200: #d7d1e0;
--color-early-dawn-300: #bab4c6;
--color-early-dawn-400: #a19aaf;
--color-early-dawn-500: #898299;
--color-early-dawn-600: #746e81;
--color-early-dawn-700: #5d5868;
--color-early-dawn-800: #44404c;
--color-early-dawn-900: #2f2c35;
--color-early-dawn-950: #1b1920;
}SCSS
$early-dawn: #797287;
$early-dawn-rgb: 121, 114, 135;
$early-dawn-light: mix(#fff, $early-dawn, 20%);
$early-dawn-dark: mix(#000, $early-dawn, 20%);
.element {
color: $early-dawn;
box-shadow: 0 0 0 2px rgba($early-dawn, 0.35);
}