أقرب لون مسمّى · #DFFBE4
#DFFBE4
أقرب لون مسمّى: Toxic Latte
#DFFBE4 (rgb(223 251 228)، hsl(131 78% 93%)، oklch(0.962 0.042 150.6)) أقرب إلى اللون المسمّى Toxic Latte. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#DFFBE4
oklch(0.962 0.042 150.6)
تحويلات الألوان
- HEX
- #dffbe4
- RGB
- rgb(223 251 228)
- HSL
- hsl(131 78% 93%)
- HWB
- hwb(131 87% 2%)
- OKLCH
- oklch(0.962 0.042 150.6)
- OKLab
- oklab(0.962 -0.037 0.021)
- CIE Lab
- lab(96.11 -12.58 7.83)
- LCH
- lch(96.11 14.82 148.1)
- CMYK
- cmyk(11% 0% 9% 2%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E2FBE7
- E6FCE9
- E9FCEC
- ECFDEF
- EFFDF2
- F2FDF4
- F6FEF7
- F9FEFA
- FCFFFC
درجات داكنة
- C2DAC6
- A5BAA9
- 8A9C8D
- 6F7E72
- 566158
- 3D463F
- 272D28
- 121512
- 020303
درجات رمادية
- D5EEDA
- CBE1CF
- C2D5C5
- B8C8BB
- AEBCB1
- A5AFA7
- 9CA39D
- 929793
- 898C8A
تناسق الألوان
متمم +180°
- DFFBE4
Toxic Latte
- FFEBFC
≈ Strawberry Bonbon
متجاور -30° +30°
- DFFBE4
Toxic Latte
- EEF7D8
≈ Futon
- D5FCF4
≈ Candied Snow
ثلاثي +120° +240°
- DFFBE4
Toxic Latte
- EEF2FF
≈ Placebo Blue
- FFEEEB
≈ Voracious White
متمم منقسم +150° +210°
- DFFBE4
Toxic Latte
- F4EFFF
≈ Cloud Break
- FFEDF1
≈ Sugar Coated
رباعي +90° +180° +270°
- DFFBE4
Toxic Latte
- E7F5FF
≈ Kodama White
- FFEBFC
≈ Strawberry Bonbon
- FFEFE3
≈ Rice Pudding
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.10:1 · APCA Lc 0
Ag
AAAعلى الأسود
WCAG 19.05:1 · APCA Lc 101
أفضل لون للنص: #000000
WCAG 19.05:1 (AAA) · APCA Lc 101
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--toxic-latte: #dffbe4;
--toxic-latte-rgb: 223 251 228;
--toxic-latte-oklch: oklch(0.962 0.042 150.6);
}
.element {
color: var(--toxic-latte);
background-color: hsl(131 78% 93%);
border-color: oklch(0.962 0.042 150.6);
}Tailwind CSS v4
@theme {
--color-toxic-latte: #dffbe4;
--color-toxic-latte-50: #edf9ef;
--color-toxic-latte-100: #deece1;
--color-toxic-latte-200: #c7dacc;
--color-toxic-latte-300: #a8bead;
--color-toxic-latte-400: #8da692;
--color-toxic-latte-500: #728e78;
--color-toxic-latte-600: #617966;
--color-toxic-latte-700: #4d6051;
--color-toxic-latte-800: #39473a;
--color-toxic-latte-900: #273128;
--color-toxic-latte-950: #151d16;
}SCSS
$toxic-latte: #dffbe4;
$toxic-latte-rgb: 223, 251, 228;
$toxic-latte-light: mix(#fff, $toxic-latte, 20%);
$toxic-latte-dark: mix(#000, $toxic-latte, 20%);
.element {
color: $toxic-latte;
box-shadow: 0 0 0 2px rgba($toxic-latte, 0.35);
}