لون مسمّى · #F1F9EC
Refined Mint
Refined Mint هو #F1F9EC: rgb(241 249 236)، hsl(97 52% 95%)، oklch(0.973 0.019 133.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Refined Mint color name →
#F1F9EC
oklch(0.973 0.019 133.1)
تحويلات الألوان
- HEX
- #f1f9ec
- RGB
- rgb(241 249 236)
- HSL
- hsl(97 52% 95%)
- HWB
- hwb(97 93% 2%)
- OKLCH
- oklch(0.973 0.019 133.1)
- OKLab
- oklab(0.973 -0.013 0.014)
- CIE Lab
- lab(97.05 -4.44 5.3)
- LCH
- lch(97.05 6.91 130)
- CMYK
- cmyk(3% 0% 5% 2%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F2FAEE
- F4FAF0
- F5FBF2
- F7FBF4
- F8FCF5
- F9FDF7
- FBFDF9
- FCFEFB
- FEFEFD
درجات داكنة
- D2D9CD
- B3B9AF
- 959A92
- 797D76
- 5D615B
- 434642
- 2B2C29
- 141513
- 030303
درجات رمادية
- E5ECE1
- D9E0D5
- CED3CA
- C2C7BF
- B7BBB5
- ACAFAA
- A0A39F
- 969795
- 8B8B8A
تناسق الألوان
متمم +180°
- F1F9EC
Refined Mint
- FAF3FF
≈ Sugar Crystal
متجاور -30° +30°
- F1F9EC
Refined Mint
- F8F7E8
≈ Photon White
- EBFAF2
≈ Soft Petals
ثلاثي +120° +240°
- F1F9EC
Refined Mint
- F0F7FF
≈ Alice Blue
- FFF2F3
≈ Glimpse of Pink
متمم منقسم +150° +210°
- F1F9EC
Refined Mint
- F4F5FF
≈ Sugar Crystal
- FFF2F9
≈ Pinkish White
رباعي +90° +180° +270°
- F1F9EC
Refined Mint
- EAF9FF
≈ Clear Skies
- FAF3FF
≈ Sugar Crystal
- FFF3EE
≈ Soft Peach Mist
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.07:1 · APCA Lc 0
Ag
AAAعلى الأسود
WCAG 19.50:1 · APCA Lc 102
أفضل لون للنص: #000000
WCAG 19.50:1 (AAA) · APCA Lc 102
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--refined-mint: #f1f9ec;
--refined-mint-rgb: 241 249 236;
--refined-mint-oklch: oklch(0.973 0.019 133.1);
}
.element {
color: var(--refined-mint);
background-color: hsl(97 52% 95%);
border-color: oklch(0.973 0.019 133.1);
}Tailwind CSS v4
@theme {
--color-refined-mint: #f1f9ec;
--color-refined-mint-50: #f3f6f1;
--color-refined-mint-100: #e5e9e3;
--color-refined-mint-200: #d1d6ce;
--color-refined-mint-300: #b3bab0;
--color-refined-mint-400: #9aa196;
--color-refined-mint-500: #81897c;
--color-refined-mint-600: #6d7469;
--color-refined-mint-700: #575d54;
--color-refined-mint-800: #40443d;
--color-refined-mint-900: #2c2f2a;
--color-refined-mint-950: #191b18;
}SCSS
$refined-mint: #f1f9ec;
$refined-mint-rgb: 241, 249, 236;
$refined-mint-light: mix(#fff, $refined-mint, 20%);
$refined-mint-dark: mix(#000, $refined-mint, 20%);
.element {
color: $refined-mint;
box-shadow: 0 0 0 2px rgba($refined-mint, 0.35);
}