لون مسمّى · #A1DED6
Frosty
Frosty هو #A1DED6: rgb(161 222 214)، hsl(172 48% 75%)، oklch(0.857 0.063 186). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Frosty color name →
#A1DED6
oklch(0.857 0.063 186)
تحويلات الألوان
- HEX
- #a1ded6
- RGB
- rgb(161 222 214)
- HSL
- hsl(172 48% 75%)
- HWB
- hwb(172 63% 13%)
- OKLCH
- oklch(0.857 0.063 186)
- OKLab
- oklab(0.857 -0.063 -0.007)
- CIE Lab
- lab(84.16 -21.39 -2.66)
- LCH
- lch(84.16 21.56 187.1)
- CMYK
- cmyk(27% 0% 4% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- ABE1DA
- B5E5DE
- BEE8E2
- C8EBE6
- D1EFEA
- DAF2EE
- E4F5F3
- EDF9F7
- F6FCFB
درجات داكنة
- 8BC1BA
- 76A59E
- 628984
- 4E6F6A
- 3C5552
- 2A3D3B
- 192625
- 091210
- 010202
درجات رمادية
- 9ED4CD
- 9BCBC4
- 98C1BB
- 95B7B3
- 92AEAA
- 8FA5A1
- 8B9B99
- 879291
- 848988
تناسق الألوان
متمم +180°
- A1DED6
Frosty
- F5C0CA
≈ Deco Pink
متجاور -30° +30°
- A1DED6
Frosty
- AFDDBF
≈ Quantum Effect
- A1DBEA
≈ Nevada Sky
ثلاثي +120° +240°
- A1DED6
Frosty
- DAC6F1
≈ Foggy Love
- EDC8A5
≈ Peaches’n’Cream
متمم منقسم +150° +210°
- A1DED6
Frosty
- EBC1E0
≈ Sweet Alyssum
- F6C2B4
≈ Apricot Obsession
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.50:1 · APCA Lc 24
Ag
AAAعلى الأسود
WCAG 13.93:1 · APCA Lc 80
أفضل لون للنص: #000000
WCAG 13.93:1 (AAA) · APCA Lc 80
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--frosty: #a1ded6;
--frosty-rgb: 161 222 214;
--frosty-oklch: oklch(0.857 0.063 186);
}
.element {
color: var(--frosty);
background-color: hsl(172 48% 75%);
border-color: oklch(0.857 0.063 186);
}Tailwind CSS v4
@theme {
--color-frosty: #a1ded6;
--color-frosty-50: #e2fbf8;
--color-frosty-100: #d1efec;
--color-frosty-200: #b7ddd9;
--color-frosty-300: #93c2bd;
--color-frosty-400: #73aba4;
--color-frosty-500: #51948c;
--color-frosty-600: #467d77;
--color-frosty-700: #38645f;
--color-frosty-800: #274a45;
--color-frosty-900: #1a3330;
--color-frosty-950: #0b1f1c;
}SCSS
$frosty: #a1ded6;
$frosty-rgb: 161, 222, 214;
$frosty-light: mix(#fff, $frosty, 20%);
$frosty-dark: mix(#000, $frosty, 20%);
.element {
color: $frosty;
box-shadow: 0 0 0 2px rgba($frosty, 0.35);
}