لون مسمّى · #B7DFF3
Bellagio Fountains
Bellagio Fountains هو #B7DFF3: rgb(183 223 243)، hsl(200 71% 84%)، oklch(0.882 0.05 229.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Cyan mean? → · Bellagio Fountains color name →
#B7DFF3
oklch(0.882 0.05 229.7)
تحويلات الألوان
- HEX
- #b7dff3
- RGB
- rgb(183 223 243)
- HSL
- hsl(200 71% 84%)
- HWB
- hwb(200 72% 5%)
- OKLCH
- oklch(0.882 0.05 229.7)
- OKLab
- oklab(0.882 -0.032 -0.038)
- CIE Lab
- lab(86.44 -10.25 -14.35)
- LCH
- lch(86.44 17.63 234.5)
- CMYK
- cmyk(25% 8% 0% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- BEE2F4
- C6E5F6
- CDE9F7
- D4ECF8
- DBEFF9
- E2F2FA
- EAF5FC
- F1F9FD
- F8FCFE
درجات داكنة
- 9FC2D3
- 87A5B4
- 708A97
- 5A6F7A
- 45565E
- 313D44
- 1E272B
- 0C1214
- 020203
درجات رمادية
- B2D5E7
- ACCBDB
- A7C2CF
- A1B8C4
- 9CAEB8
- 96A5AD
- 919CA1
- 8B9296
- 86898B
تناسق الألوان
متمم +180°
- B7DFF3
Bellagio Fountains
- F5CFBB
≈ Cape Sands
متجاور -30° +30°
- B7DFF3
Bellagio Fountains
- B2E3E5
≈ Seascape Green
- C5D9FA
≈ Fly a Kite
ثلاثي +120° +240°
- B7DFF3
Bellagio Fountains
- F3CBDD
≈ Baby Steps
- DADBB6
≈ Clean Air
متمم منقسم +150° +210°
- B7DFF3
Bellagio Fountains
- F8CCCB
≈ Kendall Rose
- EAD5B3
≈ Champagne Gold
رباعي +90° +180° +270°
- B7DFF3
Bellagio Fountains
- E7CEED
≈ Little Touch
- F5CFBB
≈ Cape Sands
- C7E1C1
≈ Green Myth
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.41:1 · APCA Lc 20
Ag
AAAعلى الأسود
WCAG 14.86:1 · APCA Lc 84
أفضل لون للنص: #000000
WCAG 14.86:1 (AAA) · APCA Lc 84
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--bellagio-fountains: #b7dff3;
--bellagio-fountains-rgb: 183 223 243;
--bellagio-fountains-oklch: oklch(0.882 0.05 229.7);
}
.element {
color: var(--bellagio-fountains);
background-color: hsl(200 71% 84%);
border-color: oklch(0.882 0.05 229.7);
}Tailwind CSS v4
@theme {
--color-bellagio-fountains: #b7dff3;
--color-bellagio-fountains-50: #e8f8ff;
--color-bellagio-fountains-100: #d8ebf6;
--color-bellagio-fountains-200: #c0d9e6;
--color-bellagio-fountains-300: #9ebdcd;
--color-bellagio-fountains-400: #80a5b7;
--color-bellagio-fountains-500: #638da1;
--color-bellagio-fountains-600: #547788;
--color-bellagio-fountains-700: #435f6d;
--color-bellagio-fountains-800: #304650;
--color-bellagio-fountains-900: #203038;
--color-bellagio-fountains-950: #101d22;
}SCSS
$bellagio-fountains: #b7dff3;
$bellagio-fountains-rgb: 183, 223, 243;
$bellagio-fountains-light: mix(#fff, $bellagio-fountains, 20%);
$bellagio-fountains-dark: mix(#000, $bellagio-fountains, 20%);
.element {
color: $bellagio-fountains;
box-shadow: 0 0 0 2px rgba($bellagio-fountains, 0.35);
}