لون مسمّى · #A2EBD8
Oasis Stream
Oasis Stream هو #A2EBD8: rgb(162 235 216)، hsl(164 65% 78%)، oklch(0.887 0.077 176.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Oasis Stream color name →
#A2EBD8
oklch(0.887 0.077 176.4)
تحويلات الألوان
- HEX
- #a2ebd8
- RGB
- rgb(162 235 216)
- HSL
- hsl(164 65% 78%)
- HWB
- hwb(164 64% 8%)
- OKLCH
- oklch(0.887 0.077 176.4)
- OKLab
- oklab(0.887 -0.077 0.005)
- CIE Lab
- lab(87.85 -26.6 1.63)
- LCH
- lch(87.85 26.65 176.5)
- CMYK
- cmyk(31% 0% 8% 8%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- ACEDDC
- B6EFE0
- C0F1E4
- C9F3E7
- D2F5EB
- DBF7EF
- E4F9F3
- EDFBF7
- F6FDFB
درجات داكنة
- 8CCCBC
- 77AEA0
- 639185
- 4F756B
- 3C5B53
- 2A413B
- 192925
- 0A1311
- 010302
درجات رمادية
- 9FE0CF
- 9CD5C6
- 99CABD
- 96BFB4
- 93B4AB
- 8FAAA2
- 8C9F9A
- 889591
- 848A88
تناسق الألوان
متمم +180°
- A2EBD8
Oasis Stream
- FFC8DB
≈ Blossom Tree
متجاور -30° +30°
- A2EBD8
Oasis Stream
- B9E8BC
≈ Mint Parfait
- 9BE9F3
≈ Permafrost
ثلاثي +120° +240°
- A2EBD8
Oasis Stream
- DDD2FF
≈ Pale Lavender
- FFCEAD
≈ Mellow Glow
متمم منقسم +150° +210°
- A2EBD8
Oasis Stream
- F5C8F5
≈ Kissed by Mist
- FFCBC5
≈ Piggy Dreams
رباعي +90° +180° +270°
- A2EBD8
Oasis Stream
- C9DAFF
≈ Icy Plains
- FFC8DB
≈ Blossom Tree
- F0D79F
≈ Splash
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.36:1 · APCA Lc 18
Ag
AAAعلى الأسود
WCAG 15.41:1 · APCA Lc 86
أفضل لون للنص: #000000
WCAG 15.41:1 (AAA) · APCA Lc 86
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--oasis-stream: #a2ebd8;
--oasis-stream-rgb: 162 235 216;
--oasis-stream-oklch: oklch(0.887 0.077 176.4);
}
.element {
color: var(--oasis-stream);
background-color: hsl(164 65% 78%);
border-color: oklch(0.887 0.077 176.4);
}Tailwind CSS v4
@theme {
--color-oasis-stream: #a2ebd8;
--color-oasis-stream-50: #dffdf5;
--color-oasis-stream-100: #cef1e8;
--color-oasis-stream-200: #b2e0d4;
--color-oasis-stream-300: #8cc5b8;
--color-oasis-stream-400: #6aae9d;
--color-oasis-stream-500: #459785;
--color-oasis-stream-600: #3c8070;
--color-oasis-stream-700: #30665a;
--color-oasis-stream-800: #224b40;
--color-oasis-stream-900: #17342c;
--color-oasis-stream-950: #072019;
}SCSS
$oasis-stream: #a2ebd8;
$oasis-stream-rgb: 162, 235, 216;
$oasis-stream-light: mix(#fff, $oasis-stream, 20%);
$oasis-stream-dark: mix(#000, $oasis-stream, 20%);
.element {
color: $oasis-stream;
box-shadow: 0 0 0 2px rgba($oasis-stream, 0.35);
}