En yakın adlandırılmış renk · #EBF4F9
#EBF4F9
En yakın adlandırılmış renk: Silent Snowfall
#EBF4F9 (rgb(235 244 249), hsl(201 54% 95%), oklch(0.962 0.012 231.7)) en çok Silent Snowfall adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#EBF4F9
oklch(0.962 0.012 231.7)
Renk dönüşümleri
- HEX
- #ebf4f9
- RGB
- rgb(235 244 249)
- HSL
- hsl(201 54% 95%)
- HWB
- hwb(201 92% 2%)
- OKLCH
- oklch(0.962 0.012 231.7)
- OKLab
- oklab(0.962 -0.007 -0.009)
- CIE Lab
- lab(95.61 -2.39 -3.5)
- LCH
- lch(95.61 4.24 235.6)
- CMYK
- cmyk(6% 2% 0% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDF5FA
- EFF6FA
- F1F7FB
- F3F8FB
- F5F9FC
- F7FBFD
- F9FCFD
- FBFDFE
- FDFEFE
Koyu tonlar
- CCD4D9
- AEB5B9
- 91979A
- 757A7D
- 5B5E61
- 414446
- 292B2C
- 131415
- 030303
Gri tonlar
- E0E8EC
- D5DCE0
- CAD0D3
- BFC4C7
- B4B8BB
- A9ADAF
- 9FA1A3
- 949697
- 8A8B8B
Renk uyumları
Tamamlayıcı +180°
- EBF4F9
Silent Snowfall
- F9F0EB
≈ Shea
Analog -30° +30°
- EBF4F9
Silent Snowfall
- EAF5F6
≈ Indigo White
- EEF3FB
≈ Insignia White
Üçlü +120° +240°
- EBF4F9
Silent Snowfall
- F9EFF3
≈ Sentimental Pink
- F2F3EA
≈ Picket Fence
Bölünmüş tamamlayıcı +150° +210°
- EBF4F9
Silent Snowfall
- FAEFEF
≈ Vienna Dawn
- F6F2EA
≈ Dove’s Wing
Dörtlü +90° +180° +270°
- EBF4F9
Silent Snowfall
- F6F0F7
≈ Grim White
- F9F0EB
≈ Shea
- EEF4ED
≈ Apple Flower
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.11:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.84:1 · APCA Lc 100
En iyi metin rengi: #000000
WCAG 18.84:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
CSS
:root {
--silent-snowfall: #ebf4f9;
--silent-snowfall-rgb: 235 244 249;
--silent-snowfall-oklch: oklch(0.962 0.012 231.7);
}
.element {
color: var(--silent-snowfall);
background-color: hsl(201 54% 95%);
border-color: oklch(0.962 0.012 231.7);
}Tailwind CSS v4
@theme {
--color-silent-snowfall: #ebf4f9;
--color-silent-snowfall-50: #f2f6f8;
--color-silent-snowfall-100: #e4e9eb;
--color-silent-snowfall-200: #d0d5d8;
--color-silent-snowfall-300: #b2b8bc;
--color-silent-snowfall-400: #98a0a4;
--color-silent-snowfall-500: #7f888d;
--color-silent-snowfall-600: #6b7377;
--color-silent-snowfall-700: #565c5f;
--color-silent-snowfall-800: #3e4346;
--color-silent-snowfall-900: #2b2e30;
--color-silent-snowfall-950: #181b1c;
}SCSS
$silent-snowfall: #ebf4f9;
$silent-snowfall-rgb: 235, 244, 249;
$silent-snowfall-light: mix(#fff, $silent-snowfall, 20%);
$silent-snowfall-dark: mix(#000, $silent-snowfall, 20%);
.element {
color: $silent-snowfall;
box-shadow: 0 0 0 2px rgba($silent-snowfall, 0.35);
}