أقرب لون مسمّى · #9ED7C0
#9ED7C0
أقرب لون مسمّى: Wintermint
#9ED7C0 (rgb(158 215 192)، hsl(156 42% 73%)، oklch(0.833 0.067 167.9)) أقرب إلى اللون المسمّى Wintermint. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#9ED7C0
oklch(0.833 0.067 167.9)
تحويلات الألوان
- HEX
- #9ed7c0
- RGB
- rgb(158 215 192)
- HSL
- hsl(156 42% 73%)
- HWB
- hwb(156 62% 16%)
- OKLCH
- oklch(0.833 0.067 167.9)
- OKLab
- oklab(0.833 -0.066 0.014)
- CIE Lab
- lab(81.58 -22.61 5.18)
- LCH
- lch(81.58 23.2 167.1)
- CMYK
- cmyk(27% 0% 11% 16%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A8DBC6
- B2DFCC
- BCE3D3
- C6E7D9
- CFEBDF
- D9EFE5
- E2F3EC
- ECF7F2
- F5FBF9
درجات داكنة
- 89BBA7
- 749F8E
- 608576
- 4D6B5F
- 3A5249
- 293B34
- 182520
- 09110E
- 010202
درجات رمادية
- 9BCEB9
- 99C5B3
- 96BCAC
- 93B3A6
- 90AB9F
- 8DA299
- 8A9993
- 87918C
- 838886
تناسق الألوان
متمم +180°
- 9ED7C0
Wintermint
- EAB7D0
≈ Sweet Lilac
متجاور -30° +30°
- 9ED7C0
Wintermint
- B4D3A9
≈ Flower Stem
- 94D6D8
≈ Mini Blue
ثلاثي +120° +240°
- 9ED7C0
Wintermint
- C5C2F2
≈ Vodka
- EEBCA3
≈ Antique Cameo
متمم منقسم +150° +210°
- 9ED7C0
Wintermint
- DBBBE5
≈ Romantic Morning
- F1B7B8
≈ Old Flame
رباعي +90° +180° +270°
- 9ED7C0
Wintermint
- AECAF5
≈ Blossom Blue
- EAB7D0
≈ Sweet Lilac
- E1C498
≈ Corn Chowder
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.62:1 · APCA Lc 28
Ag
AAAعلى الأسود
WCAG 12.93:1 · APCA Lc 75
أفضل لون للنص: #000000
WCAG 12.93:1 (AAA) · APCA Lc 75
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--wintermint: #9ed7c0;
--wintermint-rgb: 158 215 192;
--wintermint-oklch: oklch(0.833 0.067 167.9);
}
.element {
color: var(--wintermint);
background-color: hsl(156 42% 73%);
border-color: oklch(0.833 0.067 167.9);
}Tailwind CSS v4
@theme {
--color-wintermint: #9ed7c0;
--color-wintermint-50: #e3fcf2;
--color-wintermint-100: #d3f0e4;
--color-wintermint-200: #b9ded0;
--color-wintermint-300: #96c3b2;
--color-wintermint-400: #77ac97;
--color-wintermint-500: #57957e;
--color-wintermint-600: #4a7e6a;
--color-wintermint-700: #3b6555;
--color-wintermint-800: #2b4a3d;
--color-wintermint-900: #1d332a;
--color-wintermint-950: #0d1f17;
}SCSS
$wintermint: #9ed7c0;
$wintermint-rgb: 158, 215, 192;
$wintermint-light: mix(#fff, $wintermint, 20%);
$wintermint-dark: mix(#000, $wintermint, 20%);
.element {
color: $wintermint;
box-shadow: 0 0 0 2px rgba($wintermint, 0.35);
}