أقرب لون مسمّى · #C0CA96
#C0CA96
أقرب لون مسمّى: Seedling
#C0CA96 (rgb(192 202 150)، hsl(72 33% 69%)، oklch(0.818 0.07 116.8)) أقرب إلى اللون المسمّى Seedling. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#C0CA96
oklch(0.818 0.07 116.8)
تحويلات الألوان
- HEX
- #c0ca96
- RGB
- rgb(192 202 150)
- HSL
- hsl(72 33% 69%)
- HWB
- hwb(72 59% 21%)
- OKLCH
- oklch(0.818 0.07 116.8)
- OKLab
- oklab(0.818 -0.032 0.063)
- CIE Lab
- lab(79.57 -9.98 24.86)
- LCH
- lch(79.57 26.79 111.9)
- CMYK
- cmyk(5% 0% 26% 21%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C6CFA1
- CCD5AB
- D2DAB5
- D9DFC0
- DFE4CA
- E5EAD5
- ECEFDF
- F2F4EA
- F9FAF4
درجات داكنة
- A7AF82
- 8E956E
- 767C5B
- 5F6449
- 494D37
- 343726
- 202216
- 0E0F08
- 020201
درجات رمادية
- B9C294
- B3BB92
- ACB390
- A6AC8E
- 9FA48C
- 999D8A
- 939687
- 8C8E85
- 868782
تناسق الألوان
متمم +180°
- C0CA96
Seedling
- C8BBEC
≈ Connecticut Lilac
متجاور -30° +30°
- C0CA96
Seedling
- D7C18F
≈ Monument Green
- A6D0A9
≈ Mint Circle
ثلاثي +120° +240°
- C0CA96
Seedling
- 98CBEC
≈ Fail Whale
- EAB1C4
≈ Fallen Blossoms
متمم منقسم +150° +210°
- C0CA96
Seedling
- AFC3F2
≈ Larkspur Bud
- DDB4DC
≈ French Lilac
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.73:1 · APCA Lc 31
Ag
AAAعلى الأسود
WCAG 12.12:1 · APCA Lc 71
أفضل لون للنص: #000000
WCAG 12.12:1 (AAA) · APCA Lc 71
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--seedling: #c0ca96;
--seedling-rgb: 192 202 150;
--seedling-oklch: oklch(0.818 0.07 116.8);
}
.element {
color: var(--seedling);
background-color: hsl(72 33% 69%);
border-color: oklch(0.818 0.07 116.8);
}Tailwind CSS v4
@theme {
--color-seedling: #c0ca96;
--color-seedling-50: #f3f8e2;
--color-seedling-100: #e5ecd2;
--color-seedling-200: #d1d9b8;
--color-seedling-300: #b3bd95;
--color-seedling-400: #9ba474;
--color-seedling-500: #838c55;
--color-seedling-600: #6f7749;
--color-seedling-700: #585f3a;
--color-seedling-800: #414528;
--color-seedling-900: #2d301b;
--color-seedling-950: #1a1c0b;
}SCSS
$seedling: #c0ca96;
$seedling-rgb: 192, 202, 150;
$seedling-light: mix(#fff, $seedling, 20%);
$seedling-dark: mix(#000, $seedling, 20%);
.element {
color: $seedling;
box-shadow: 0 0 0 2px rgba($seedling, 0.35);
}