أقرب لون مسمّى · #C3E1C3
#C3E1C3
أقرب لون مسمّى: Sugar Mint
#C3E1C3 (rgb(195 225 195)، hsl(120 33% 82%)، oklch(0.88 0.052 145.1)) أقرب إلى اللون المسمّى Sugar Mint. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#C3E1C3
oklch(0.88 0.052 145.1)
تحويلات الألوان
- HEX
- #c3e1c3
- RGB
- rgb(195 225 195)
- HSL
- hsl(120 33% 82%)
- HWB
- hwb(120 76% 12%)
- OKLCH
- oklch(0.88 0.052 145.1)
- OKLab
- oklab(0.88 -0.042 0.03)
- CIE Lab
- lab(86.72 -14.45 11.26)
- LCH
- lch(86.72 18.32 142.1)
- CMYK
- cmyk(13% 0% 13% 12%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C9E4C9
- CFE7CF
- D5EAD5
- DBEDDB
- E1F0E1
- E7F3E7
- EDF6ED
- F3F9F3
- F9FCF9
درجات داكنة
- A9C4A9
- 90A790
- 788B78
- 607060
- 4A564A
- 343E34
- 202720
- 0E120E
- 020202
درجات رمادية
- BCD7BC
- B5CDB5
- AFC3AE
- A8B9A8
- A1AFA1
- 9AA69A
- 949C94
- 8D938D
- 878987
تناسق الألوان
متمم +180°
- C3E1C3
Sugar Mint
- EACCEA
≈ Bubblegum Crisis
متجاور -30° +30°
- C3E1C3
Sugar Mint
- D6DCB6
≈ Clean Air
- B5E3D5
≈ Cruise
ثلاثي +120° +240°
- C3E1C3
Sugar Mint
- C7D8FA
≈ Fly a Kite
- F8CBC6
≈ Flush Pink
متمم منقسم +150° +210°
- C3E1C3
Sugar Mint
- D9D1F7
≈ Pale Lavender
- F4CAD9
≈ Baby Steps
رباعي +90° +180° +270°
- C3E1C3
Sugar Mint
- B7DEF5
≈ Echo Iris
- EACCEA
≈ Bubblegum Crisis
- F3CFB8
≈ Apricot Freeze
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.41:1 · APCA Lc 20
Ag
AAAعلى الأسود
WCAG 14.87:1 · APCA Lc 84
أفضل لون للنص: #000000
WCAG 14.87:1 (AAA) · APCA Lc 84
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sugar-mint: #c3e1c3;
--sugar-mint-rgb: 195 225 195;
--sugar-mint-oklch: oklch(0.88 0.052 145.1);
}
.element {
color: var(--sugar-mint);
background-color: hsl(120 33% 82%);
border-color: oklch(0.88 0.052 145.1);
}Tailwind CSS v4
@theme {
--color-sugar-mint: #c3e1c3;
--color-sugar-mint-50: #ecf9ed;
--color-sugar-mint-100: #ddedde;
--color-sugar-mint-200: #c6dbc8;
--color-sugar-mint-300: #a7bfa8;
--color-sugar-mint-400: #8ca78c;
--color-sugar-mint-500: #719071;
--color-sugar-mint-600: #607a60;
--color-sugar-mint-700: #4c614d;
--color-sugar-mint-800: #384737;
--color-sugar-mint-900: #263125;
--color-sugar-mint-950: #151d14;
}SCSS
$sugar-mint: #c3e1c3;
$sugar-mint-rgb: 195, 225, 195;
$sugar-mint-light: mix(#fff, $sugar-mint, 20%);
$sugar-mint-dark: mix(#000, $sugar-mint, 20%);
.element {
color: $sugar-mint;
box-shadow: 0 0 0 2px rgba($sugar-mint, 0.35);
}