أقرب لون مسمّى · #5E765B
#5E765B
أقرب لون مسمّى: Cactus
#5E765B (rgb(94 118 91)، hsl(113 13% 41%)، oklch(0.539 0.05 141.9)) أقرب إلى اللون المسمّى Cactus. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#5E765B
oklch(0.539 0.05 141.9)
تحويلات الألوان
- HEX
- #5e765b
- RGB
- rgb(94 118 91)
- HSL
- hsl(113 13% 41%)
- HWB
- hwb(113 36% 54%)
- OKLCH
- oklch(0.539 0.05 141.9)
- OKLab
- oklab(0.539 -0.039 0.031)
- CIE Lab
- lab(47.12 -13.38 11.93)
- LCH
- lch(47.12 17.92 138.3)
- CMYK
- cmyk(20% 0% 23% 54%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 6D836A
- 7C907A
- 8C9D89
- 9BAB99
- ABB8AA
- BCC6BA
- CCD4CB
- DDE2DC
- EEF1ED
درجات داكنة
- 51664E
- 445641
- 374735
- 2B3829
- 1F291E
- 141C13
- 0A0F09
- 030503
- 000100
درجات رمادية
- 61775F
- 657862
- 687966
- 6C7A6A
- 6F7B6E
- 737C71
- 767D75
- 797E79
- 7D7F7C
تناسق الألوان
متمم +180°
- 5E765B
Cactus
- 7C6580
≈ Grape Jelly
متجاور -30° +30°
- 5E765B
Cactus
- 6F7250
≈ Gratefully Grass
- 50786B
≈ Double Jeopardy
ثلاثي +120° +240°
- 5E765B
Cactus
- 5E6F8C
≈ Beguiling Blue
- 896361
≈ Forbidden Thrill
متمم منقسم +150° +210°
- 5E765B
Cactus
- 6E6989
≈ Aromatic
- 866371
≈ Glazed Ringlet
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.97:1 · APCA Lc 74
Ag
Failعلى الأسود
WCAG 4.21:1 · APCA Lc 27
أفضل لون للنص: #FFFFFF
WCAG 4.97:1 (AA) · APCA Lc 74
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cactus: #5e765b;
--cactus-rgb: 94 118 91;
--cactus-oklch: oklch(0.539 0.05 141.9);
}
.element {
color: var(--cactus);
background-color: hsl(113 13% 41%);
border-color: oklch(0.539 0.05 141.9);
}Tailwind CSS v4
@theme {
--color-cactus: #5e765b;
--color-cactus-50: #edf9ec;
--color-cactus-100: #deedde;
--color-cactus-200: #c8dac7;
--color-cactus-300: #a9bfa8;
--color-cactus-400: #8ea68b;
--color-cactus-500: #748f70;
--color-cactus-600: #62795f;
--color-cactus-700: #4e614c;
--color-cactus-800: #394736;
--color-cactus-900: #273125;
--color-cactus-950: #151d14;
}SCSS
$cactus: #5e765b;
$cactus-rgb: 94, 118, 91;
$cactus-light: mix(#fff, $cactus, 20%);
$cactus-dark: mix(#000, $cactus, 20%);
.element {
color: $cactus;
box-shadow: 0 0 0 2px rgba($cactus, 0.35);
}