لون مسمّى · #032425
Teal Spill
Teal Spill هو #032425: rgb(3 36 37)، hsl(182 85% 8%)، oklch(0.238 0.037 197.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Teal Spill color name →
#032425
oklch(0.238 0.037 197.9)
تحويلات الألوان
- HEX
- #032425
- RGB
- rgb(3 36 37)
- HSL
- hsl(182 85% 8%)
- HWB
- hwb(182 1% 85%)
- OKLCH
- oklch(0.238 0.037 197.9)
- OKLab
- oklab(0.238 -0.036 -0.011)
- CIE Lab
- lab(11.94 -11.98 -4.34)
- LCH
- lch(11.94 12.74 199.9)
- CMYK
- cmyk(92% 3% 0% 85%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 1B3737
- 324A4B
- 495F5F
- 617474
- 79898A
- 93A0A0
- ADB7B7
- C8CECF
- E3E6E7
درجات داكنة
- 021E1F
- 021819
- 011213
- 010C0D
- 000708
- 000404
- 000202
- 000000
- 000000
درجات رمادية
- 102C2D
- 1D3536
- 293E3E
- 354747
- 415050
- 4D595A
- 5A6363
- 666C6C
- 737676
تناسق الألوان
متمم +180°
- 032425
Teal Spill
- 2E1718
≈ Darkroom
متجاور -30° +30°
- 032425
Teal Spill
- 09241B
≈ Deep Slate Green
- 08222D
≈ Crow Feather
ثلاثي +120° +240°
- 032425
Teal Spill
- 26192A
≈ Black Cherry
- 281C08
≈ Brunneophobia
متمم منقسم +150° +210°
- 032425
Teal Spill
- 2C1722
≈ Black Cherry
- 2D190E
≈ Brunneophobia
رباعي +90° +180° +270°
- 032425
Teal Spill
- 1E1C2F
≈ Black Howl
- 2E1718
≈ Darkroom
- 202009
≈ Black Mesa
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 16.36:1 · APCA Lc 103
Ag
Failعلى الأسود
WCAG 1.28:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 16.36:1 (AAA) · APCA Lc 103
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--teal-spill: #032425;
--teal-spill-rgb: 3 36 37;
--teal-spill-oklch: oklch(0.238 0.037 197.9);
}
.element {
color: var(--teal-spill);
background-color: hsl(182 85% 8%);
border-color: oklch(0.238 0.037 197.9);
}Tailwind CSS v4
@theme {
--color-teal-spill: #032425;
--color-teal-spill-50: #eaf9f9;
--color-teal-spill-100: #daeced;
--color-teal-spill-200: #c3d9da;
--color-teal-spill-300: #a2bebf;
--color-teal-spill-400: #85a6a6;
--color-teal-spill-500: #698e8f;
--color-teal-spill-600: #597879;
--color-teal-spill-700: #476061;
--color-teal-spill-800: #334747;
--color-teal-spill-900: #233131;
--color-teal-spill-950: #121d1d;
}SCSS
$teal-spill: #032425;
$teal-spill-rgb: 3, 36, 37;
$teal-spill-light: mix(#fff, $teal-spill, 20%);
$teal-spill-dark: mix(#000, $teal-spill, 20%);
.element {
color: $teal-spill;
box-shadow: 0 0 0 2px rgba($teal-spill, 0.35);
}