لون مسمّى · #E6EFCC
Lime Coco Cake
Lime Coco Cake هو #E6EFCC: rgb(230 239 204)، hsl(75 52% 87%)، oklch(0.936 0.047 119). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Lime Coco Cake color name →
#E6EFCC
oklch(0.936 0.047 119)
تحويلات الألوان
- HEX
- #e6efcc
- RGB
- rgb(230 239 204)
- HSL
- hsl(75 52% 87%)
- HWB
- hwb(75 80% 6%)
- OKLCH
- oklch(0.936 0.047 119)
- OKLab
- oklab(0.936 -0.023 0.041)
- CIE Lab
- lab(93.08 -7.52 15.93)
- LCH
- lch(93.08 17.62 115.3)
- CMYK
- cmyk(4% 0% 15% 6%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E8F1D1
- EBF2D6
- EDF4DB
- F0F5E0
- F2F7E6
- F5F9EB
- F7FAF0
- FAFCF5
- FCFDFA
درجات داكنة
- C8D0B1
- ABB197
- 8E947E
- 737865
- 595C4E
- 404237
- 282A22
- 13140F
- 030302
درجات رمادية
- DBE3C4
- D1D8BC
- C6CCB5
- BCC1AD
- B2B6A5
- A7AB9E
- 9DA096
- 93958F
- 8A8B87
تناسق الألوان
متمم +180°
- E6EFCC
Lime Coco Cake
- EDE5FF
≈ Cyber Lavender
متجاور -30° +30°
- E6EFCC
Lime Coco Cake
- F7E9C7
≈ Summer Sunshine
- D5F3D9
≈ Light Carolina
ثلاثي +120° +240°
- E6EFCC
Lime Coco Cake
- D6EEFF
≈ Ice Castle
- FFE1E9
≈ Baby Girl
متمم منقسم +150° +210°
- E6EFCC
Lime Coco Cake
- E1EAFF
≈ Husky
- FDDFFA
≈ Silky Pink
رباعي +90° +180° +270°
- E6EFCC
Lime Coco Cake
- C7F3FB
≈ Vaporised
- EDE5FF
≈ Cyber Lavender
- FFE2DE
≈ Lady Anne
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.19:1 · APCA Lc 9
Ag
AAAعلى الأسود
WCAG 17.58:1 · APCA Lc 95
أفضل لون للنص: #000000
WCAG 17.58:1 (AAA) · APCA Lc 95
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--lime-coco-cake: #e6efcc;
--lime-coco-cake-rgb: 230 239 204;
--lime-coco-cake-oklch: oklch(0.936 0.047 119);
}
.element {
color: var(--lime-coco-cake);
background-color: hsl(75 52% 87%);
border-color: oklch(0.936 0.047 119);
}Tailwind CSS v4
@theme {
--color-lime-coco-cake: #e6efcc;
--color-lime-coco-cake-50: #f3f7e9;
--color-lime-coco-cake-100: #e5ebd9;
--color-lime-coco-cake-200: #d1d8c2;
--color-lime-coco-cake-300: #b3bba1;
--color-lime-coco-cake-400: #9ba384;
--color-lime-coco-cake-500: #828b68;
--color-lime-coco-cake-600: #6e7658;
--color-lime-coco-cake-700: #585e46;
--color-lime-coco-cake-800: #414532;
--color-lime-coco-cake-900: #2d2f22;
--color-lime-coco-cake-950: #1a1c11;
}SCSS
$lime-coco-cake: #e6efcc;
$lime-coco-cake-rgb: 230, 239, 204;
$lime-coco-cake-light: mix(#fff, $lime-coco-cake, 20%);
$lime-coco-cake-dark: mix(#000, $lime-coco-cake, 20%);
.element {
color: $lime-coco-cake;
box-shadow: 0 0 0 2px rgba($lime-coco-cake, 0.35);
}