أقرب لون مسمّى · #E1F0DC
#E1F0DC
أقرب لون مسمّى: Mojito
#E1F0DC (rgb(225 240 220)، hsl(105 40% 90%)، oklch(0.939 0.031 137.8)) أقرب إلى اللون المسمّى Mojito. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#E1F0DC
oklch(0.939 0.031 137.8)
تحويلات الألوان
- HEX
- #e1f0dc
- RGB
- rgb(225 240 220)
- HSL
- hsl(105 40% 90%)
- HWB
- hwb(105 86% 6%)
- OKLCH
- oklch(0.939 0.031 137.8)
- OKLab
- oklab(0.939 -0.023 0.021)
- CIE Lab
- lab(93.26 -7.81 7.91)
- LCH
- lch(93.26 11.12 134.6)
- CMYK
- cmyk(6% 0% 8% 6%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E4F2DF
- E7F3E3
- EAF5E6
- EDF6EA
- F0F8ED
- F3F9F1
- F6FBF4
- F9FCF8
- FCFEFB
درجات داكنة
- C4D1BF
- A7B2A3
- 8B9588
- 70786E
- 565D54
- 3E433C
- 272A26
- 121411
- 020302
درجات رمادية
- D7E4D2
- CDD9C9
- C3CDC0
- B9C2B6
- AFB6AD
- A6ABA4
- 9CA09B
- 939592
- 898B89
تناسق الألوان
متمم +180°
- E1F0DC
Mojito
- F4E5F9
≈ Soft Lavender
متجاور -30° +30°
- E1F0DC
Mojito
- ECEDD5
≈ Budding Fern
- D8F2E7
≈ Minted Ice
ثلاثي +120° +240°
- E1F0DC
Mojito
- DFECFF
≈ Calcareous Sinter
- FFE3E3
≈ Misty Rose
متمم منقسم +150° +210°
- E1F0DC
Mojito
- E9E8FF
≈ Glitter
- FCE3EE
≈ Spun Sugar
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.18:1 · APCA Lc 9
Ag
AAAعلى الأسود
WCAG 17.69:1 · APCA Lc 95
أفضل لون للنص: #000000
WCAG 17.69:1 (AAA) · APCA Lc 95
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--mojito: #e1f0dc;
--mojito-rgb: 225 240 220;
--mojito-oklch: oklch(0.939 0.031 137.8);
}
.element {
color: var(--mojito);
background-color: hsl(105 40% 90%);
border-color: oklch(0.939 0.031 137.8);
}Tailwind CSS v4
@theme {
--color-mojito: #e1f0dc;
--color-mojito-50: #f1f7ef;
--color-mojito-100: #e3ebe1;
--color-mojito-200: #ced8cb;
--color-mojito-300: #afbcad;
--color-mojito-400: #96a391;
--color-mojito-500: #7c8b77;
--color-mojito-600: #697665;
--color-mojito-700: #545e51;
--color-mojito-800: #3e453a;
--color-mojito-900: #2a3028;
--color-mojito-950: #181c16;
}SCSS
$mojito: #e1f0dc;
$mojito-rgb: 225, 240, 220;
$mojito-light: mix(#fff, $mojito, 20%);
$mojito-dark: mix(#000, $mojito, 20%);
.element {
color: $mojito;
box-shadow: 0 0 0 2px rgba($mojito, 0.35);
}