لون مسمّى · #0FFEF9
Kaltes Klares Wasser
Kaltes Klares Wasser هو #0FFEF9: rgb(15 254 249)، hsl(179 99% 53%)، oklch(0.902 0.154 192.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Kaltes Klares Wasser color name →
#0FFEF9
oklch(0.902 0.154 192.2)
تحويلات الألوان
- HEX
- #0ffef9
- RGB
- rgb(15 254 249)
- HSL
- hsl(179 99% 53%)
- HWB
- hwb(179 6% 0%)
- OKLCH
- oklch(0.902 0.154 192.2)
- OKLab
- oklab(0.902 -0.15 -0.033)
- CIE Lab
- lab(90.28 -51.28 -12.44)
- LCH
- lch(90.28 52.77 193.6)
- CMYK
- cmyk(94% 0% 2% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 51FFFA
- 71FFFA
- 8AFFFB
- 9FFFFC
- B1FFFC
- C3FFFD
- D3FFFD
- E2FFFE
- F1FFFE
درجات داكنة
- 0BDDD9
- 08BDB9
- 059E9A
- 03807D
- 026361
- 014746
- 002D2C
- 001615
- 000303
درجات رمادية
- 3DF1EC
- 52E4E0
- 5FD7D3
- 69CBC7
- 71BEBB
- 76B1AF
- 7AA5A3
- 7D9997
- 7F8C8B
تناسق الألوان
متمم +180°
- 0FFEF9
Kaltes Klares Wasser
- FFD1D5
≈ Love Fumes
متجاور -30° +30°
- 0FFEF9
Kaltes Klares Wasser
- 6EFEBF
≈ Mint Bliss
- ADE9FF
≈ Fresh Air
ثلاثي +120° +240°
- 0FFEF9
Kaltes Klares Wasser
- EED2FF
≈ Rose Dragée
- FFD7A6
≈ Fresh Apricot
متمم منقسم +150° +210°
- 0FFEF9
Kaltes Klares Wasser
- FFCEEB
≈ Infra-White
- FFD4C3
≈ Coral Dune
رباعي +90° +180° +270°
- 0FFEF9
Kaltes Klares Wasser
- D9DBFF
≈ Transparent Blue
- FFD1D5
≈ Love Fumes
- F3E25B
≈ Flame Seal
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.26:1 · APCA Lc 13
Ag
AAAعلى الأسود
WCAG 16.56:1 · APCA Lc 91
أفضل لون للنص: #000000
WCAG 16.56:1 (AAA) · APCA Lc 91
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--kaltes-klares-wasser: #0ffef9;
--kaltes-klares-wasser-rgb: 15 254 249;
--kaltes-klares-wasser-oklch: oklch(0.902 0.154 192.2);
}
.element {
color: var(--kaltes-klares-wasser);
background-color: hsl(179 99% 53%);
border-color: oklch(0.902 0.154 192.2);
}Tailwind CSS v4
@theme {
--color-kaltes-klares-wasser: #0ffef9;
--color-kaltes-klares-wasser-50: #c2ffff;
--color-kaltes-klares-wasser-100: #aaf9f7;
--color-kaltes-klares-wasser-200: #7de9e8;
--color-kaltes-klares-wasser-300: #34d0cf;
--color-kaltes-klares-wasser-400: #00bab6;
--color-kaltes-klares-wasser-500: #00a3a1;
--color-kaltes-klares-wasser-600: #008a88;
--color-kaltes-klares-wasser-700: #006f6d;
--color-kaltes-klares-wasser-800: #00524e;
--color-kaltes-klares-wasser-900: #003936;
--color-kaltes-klares-wasser-950: #002321;
}SCSS
$kaltes-klares-wasser: #0ffef9;
$kaltes-klares-wasser-rgb: 15, 254, 249;
$kaltes-klares-wasser-light: mix(#fff, $kaltes-klares-wasser, 20%);
$kaltes-klares-wasser-dark: mix(#000, $kaltes-klares-wasser, 20%);
.element {
color: $kaltes-klares-wasser;
box-shadow: 0 0 0 2px rgba($kaltes-klares-wasser, 0.35);
}