لون مسمّى · #D78775
Freckles
Freckles هو #D78775: rgb(215 135 117)، hsl(11 55% 65%)، oklch(0.702 0.103 33.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Freckles color name →
#D78775
oklch(0.702 0.103 33.4)
تحويلات الألوان
- HEX
- #d78775
- RGB
- rgb(215 135 117)
- HSL
- hsl(11 55% 65%)
- HWB
- hwb(11 46% 16%)
- OKLCH
- oklch(0.702 0.103 33.4)
- OKLab
- oklab(0.702 0.086 0.056)
- CIE Lab
- lab(64.62 30.04 23.23)
- LCH
- lch(64.62 37.97 37.7)
- CMYK
- cmyk(0% 37% 46% 16%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DC9382
- E19F90
- E5AB9D
- EAB7AB
- EEC3B9
- F2CFC7
- F5DBD4
- F9E7E3
- FCF3F1
درجات داكنة
- BB7565
- 9F6355
- 855146
- 6B4137
- 523129
- 3B211C
- 25130F
- 110605
- 020101
درجات رمادية
- CF8776
- C68678
- BE8679
- B5857A
- AC857B
- A4847C
- 9B837D
- 92827E
- 89817F
تناسق الألوان
متمم +180°
- D78775
Freckles
- 42B0C5
≈ Viking
متجاور -30° +30°
- D78775
Freckles
- D58398
≈ Dull Pink
- CC9158
≈ Ginger Crisp
ثلاثي +120° +240°
- D78775
Freckles
- 6AB281
≈ Elf Shoe
- 8A9BDF
≈ Portage
متمم منقسم +150° +210°
- D78775
Freckles
- 45B4A6
≈ Sacred Turquoise
- 63A6DA
≈ Baja Blue
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.75:1 · APCA Lc 53
Ag
AAAعلى الأسود
WCAG 7.61:1 · APCA Lc 49
أفضل لون للنص: #000000
WCAG 7.61:1 (AAA) · APCA Lc 49
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--freckles: #d78775;
--freckles-rgb: 215 135 117;
--freckles-oklch: oklch(0.702 0.103 33.4);
}
.element {
color: var(--freckles);
background-color: hsl(11 55% 65%);
border-color: oklch(0.702 0.103 33.4);
}Tailwind CSS v4
@theme {
--color-freckles: #d78775;
--color-freckles-50: #ffece2;
--color-freckles-100: #ffddd1;
--color-freckles-200: #fdc5b7;
--color-freckles-300: #e7a594;
--color-freckles-400: #d48877;
--color-freckles-500: #c06b58;
--color-freckles-600: #a25b4b;
--color-freckles-700: #82493c;
--color-freckles-800: #61342c;
--color-freckles-900: #44231d;
--color-freckles-950: #2c120e;
}SCSS
$freckles: #d78775;
$freckles-rgb: 215, 135, 117;
$freckles-light: mix(#fff, $freckles, 20%);
$freckles-dark: mix(#000, $freckles, 20%);
.element {
color: $freckles;
box-shadow: 0 0 0 2px rgba($freckles, 0.35);
}