لون مسمّى · #69684B
Hemlock
Hemlock هو #69684B: rgb(105 104 75)، hsl(58 17% 35%)، oklch(0.51 0.043 106.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Hemlock color name →
#69684B
oklch(0.51 0.043 106.2)
تحويلات الألوان
- HEX
- #69684b
- RGB
- rgb(105 104 75)
- HSL
- hsl(58 17% 35%)
- HWB
- hwb(58 29% 59%)
- OKLCH
- oklch(0.51 0.043 106.2)
- OKLab
- oklab(0.51 -0.012 0.042)
- CIE Lab
- lab(43.5 -3.42 16.56)
- LCH
- lch(43.5 16.91 101.7)
- CMYK
- cmyk(0% 1% 29% 59%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 77765C
- 85846C
- 93937E
- A2A28F
- B1B1A1
- C0C0B3
- CFCFC6
- DFDFD9
- EFEFEC
درجات داكنة
- 5A5940
- 4C4B35
- 3E3E2B
- 313021
- 242417
- 18180E
- 0C0C06
- 040402
- 000000
درجات رمادية
- 6B6A50
- 6D6D56
- 706F5B
- 727260
- 747466
- 77766B
- 797970
- 7B7B75
- 7E7E7B
تناسق الألوان
متمم +180°
- 69684B
Hemlock
- 64637E
≈ Purple Daze
متجاور -30° +30°
- 69684B
Hemlock
- 75634A
≈ Heavy Brown
- 5B6C53
≈ Inland
ثلاثي +120° +240°
- 69684B
Hemlock
- 4B6C79
≈ Bismarck
- 795C6B
≈ Banished Brown
متمم منقسم +150° +210°
- 69684B
Hemlock
- 56677F
≈ Dana
- 705F77
≈ Banished Brown
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.70:1 · APCA Lc 79
Ag
Failعلى الأسود
WCAG 3.68:1 · APCA Lc 23
أفضل لون للنص: #FFFFFF
WCAG 5.70:1 (AA) · APCA Lc 79
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--hemlock: #69684b;
--hemlock-rgb: 105 104 75;
--hemlock-oklch: oklch(0.51 0.043 106.2);
}
.element {
color: var(--hemlock);
background-color: hsl(58 17% 35%);
border-color: oklch(0.51 0.043 106.2);
}Tailwind CSS v4
@theme {
--color-hemlock: #69684b;
--color-hemlock-50: #f6f6e8;
--color-hemlock-100: #e9e9d9;
--color-hemlock-200: #d5d6c1;
--color-hemlock-300: #b9b9a0;
--color-hemlock-400: #a1a083;
--color-hemlock-500: #898867;
--color-hemlock-600: #747358;
--color-hemlock-700: #5d5c46;
--color-hemlock-800: #454332;
--color-hemlock-900: #2f2e22;
--color-hemlock-950: #1c1b11;
}SCSS
$hemlock: #69684b;
$hemlock-rgb: 105, 104, 75;
$hemlock-light: mix(#fff, $hemlock, 20%);
$hemlock-dark: mix(#000, $hemlock, 20%);
.element {
color: $hemlock;
box-shadow: 0 0 0 2px rgba($hemlock, 0.35);
}