لون مسمّى · #826167
Celine
Celine هو #826167: rgb(130 97 103)، hsl(349 15% 45%)، oklch(0.528 0.044 6.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Celine color name →
#826167
oklch(0.528 0.044 6.6)
تحويلات الألوان
- HEX
- #826167
- RGB
- rgb(130 97 103)
- HSL
- hsl(349 15% 45%)
- HWB
- hwb(349 38% 49%)
- OKLCH
- oklch(0.528 0.044 6.6)
- OKLab
- oklab(0.528 0.043 0.005)
- CIE Lab
- lab(44.74 14.52 2.07)
- LCH
- lch(44.74 14.66 8.1)
- CMYK
- cmyk(0% 25% 21% 49%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 8E7075
- 9A7F83
- A78E92
- B39DA1
- C0ADB0
- CCBDBF
- D9CDCF
- E5DEDF
- F2EEEF
درجات داكنة
- 705359
- 5F464B
- 4E393D
- 3E2D30
- 2F2123
- 201517
- 120B0C
- 060304
- 010000
درجات رمادية
- 826469
- 82676C
- 826A6E
- 826D71
- 827173
- 817476
- 817778
- 817A7B
- 807D7D
تناسق الألوان
متمم +180°
- 826167
Celine
- 4E746F
≈ Tandayapa Cloud Forest
متجاور -30° +30°
- 826167
Celine
- 7C6275
≈ Chicha Morada
- 82635A
≈ Smoked Almond
ثلاثي +120° +240°
- 826167
Celine
- 657055
≈ Midnight Garden
- 576E83
≈ Blueberry Dream
متمم منقسم +150° +210°
- 826167
Celine
- 577361
≈ Painted Turtle
- 4E727C
≈ Tornado Season
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.44:1 · APCA Lc 77
Ag
Failعلى الأسود
WCAG 3.85:1 · APCA Lc 25
أفضل لون للنص: #FFFFFF
WCAG 5.44:1 (AA) · APCA Lc 77
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--celine: #826167;
--celine-rgb: 130 97 103;
--celine-oklch: oklch(0.528 0.044 6.6);
}
.element {
color: var(--celine);
background-color: hsl(349 15% 45%);
border-color: oklch(0.528 0.044 6.6);
}Tailwind CSS v4
@theme {
--color-celine: #826167;
--color-celine-50: #fff0f2;
--color-celine-100: #f6e2e5;
--color-celine-200: #e6cdd0;
--color-celine-300: #ccafb3;
--color-celine-400: #b6949a;
--color-celine-500: #a07a81;
--color-celine-600: #88686d;
--color-celine-700: #6d5357;
--color-celine-800: #503c40;
--color-celine-900: #38292c;
--color-celine-950: #221719;
}SCSS
$celine: #826167;
$celine-rgb: 130, 97, 103;
$celine-light: mix(#fff, $celine, 20%);
$celine-dark: mix(#000, $celine, 20%);
.element {
color: $celine;
box-shadow: 0 0 0 2px rgba($celine, 0.35);
}