لون مسمّى · #EBF5F0
Shiroi White
Shiroi White هو #EBF5F0: rgb(235 245 240)، hsl(150 33% 94%)، oklch(0.961 0.012 164.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Shiroi White color name →
#EBF5F0
oklch(0.961 0.012 164.8)
تحويلات الألوان
- HEX
- #ebf5f0
- RGB
- rgb(235 245 240)
- HSL
- hsl(150 33% 94%)
- HWB
- hwb(150 92% 4%)
- OKLCH
- oklch(0.961 0.012 164.8)
- OKLab
- oklab(0.961 -0.012 0.003)
- CIE Lab
- lab(95.67 -4.09 1.21)
- LCH
- lch(95.67 4.27 163.6)
- CMYK
- cmyk(4% 0% 2% 4%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EDF6F1
- EFF7F3
- F1F8F4
- F3F9F6
- F5FAF7
- F7FBF9
- F9FCFA
- FBFDFC
- FDFEFD
درجات داكنة
- CCD5D1
- AEB6B2
- 919895
- 757B78
- 5B5F5D
- 414443
- 292B2A
- 131514
- 030303
درجات رمادية
- E0E9E4
- D5DDD9
- CAD0CD
- BFC5C2
- B4B9B6
- A9ADAB
- 9FA2A0
- 949695
- 8A8B8B
تناسق الألوان
متمم +180°
- EBF5F0
Shiroi White
- F9EFF4
≈ Sentimental Pink
متجاور -30° +30°
- EBF5F0
Shiroi White
- EFF4EC
≈ Frosted Juniper
- E9F5F5
≈ Indigo White
ثلاثي +120° +240°
- EBF5F0
Shiroi White
- F1F1FB
≈ Alpine Goat
- FAF0EB
≈ Baby Blossom
متمم منقسم +150° +210°
- EBF5F0
Shiroi White
- F5F0F8
≈ Sentimental Pink
- FBEFEF
≈ Voracious White
رباعي +90° +180° +270°
- EBF5F0
Shiroi White
- EDF3FB
≈ Insignia White
- F9EFF4
≈ Sentimental Pink
- F7F1E9
≈ Winter Doldrums
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.11:1 · APCA Lc 0
Ag
AAAعلى الأسود
WCAG 18.85:1 · APCA Lc 100
أفضل لون للنص: #000000
WCAG 18.85:1 (AAA) · APCA Lc 100
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--shiroi-white: #ebf5f0;
--shiroi-white-rgb: 235 245 240;
--shiroi-white-oklch: oklch(0.961 0.012 164.8);
}
.element {
color: var(--shiroi-white);
background-color: hsl(150 33% 94%);
border-color: oklch(0.961 0.012 164.8);
}Tailwind CSS v4
@theme {
--color-shiroi-white: #ebf5f0;
--color-shiroi-white-50: #f2f6f4;
--color-shiroi-white-100: #e4e9e7;
--color-shiroi-white-200: #cfd6d3;
--color-shiroi-white-300: #b2b9b6;
--color-shiroi-white-400: #98a19c;
--color-shiroi-white-500: #7f8984;
--color-shiroi-white-600: #6c7470;
--color-shiroi-white-700: #565d59;
--color-shiroi-white-800: #3f4441;
--color-shiroi-white-900: #2b2f2d;
--color-shiroi-white-950: #181b1a;
}SCSS
$shiroi-white: #ebf5f0;
$shiroi-white-rgb: 235, 245, 240;
$shiroi-white-light: mix(#fff, $shiroi-white, 20%);
$shiroi-white-dark: mix(#000, $shiroi-white, 20%);
.element {
color: $shiroi-white;
box-shadow: 0 0 0 2px rgba($shiroi-white, 0.35);
}