لون مسمّى · #00CCCC
Tilla Kari Mosque
Tilla Kari Mosque هو #00CCCC: rgb(0 204 204)، hsl(180 100% 40%)، oklch(0.765 0.131 194.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Tilla Kari Mosque color name →
#00CCCC
oklch(0.765 0.131 194.8)
تحويلات الألوان
- HEX
- #00cccc
- RGB
- rgb(0 204 204)
- HSL
- hsl(180 100% 40%)
- HWB
- hwb(180 0% 20%)
- OKLCH
- oklch(0.765 0.131 194.8)
- OKLab
- oklab(0.765 -0.126 -0.033)
- CIE Lab
- lab(74.16 -42.82 -12.65)
- LCH
- lch(74.16 44.64 196.5)
- CMYK
- cmyk(100% 0% 0% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 45D1D1
- 63D7D6
- 7CDCDB
- 91E1E0
- A5E6E5
- B8ECEB
- CBF1F0
- DCF5F5
- EEFAFA
درجات داكنة
- 00B1B1
- 009797
- 007E7E
- 006565
- 004E4E
- 003737
- 002222
- 000F0F
- 000202
درجات رمادية
- 32C4C4
- 46BDBC
- 54B5B5
- 5EAEAD
- 67A6A5
- 6E9E9E
- 739796
- 788F8F
- 7D8887
تناسق الألوان
متمم +180°
- 00CCCC
Tilla Kari Mosque
- FA8E98
≈ Strawberry Shortcake
متجاور -30° +30°
- 00CCCC
Tilla Kari Mosque
- 51CD9E
≈ Mint Jelly
- 38C4F1
≈ Shovel Knight
ثلاثي +120° +240°
- 00CCCC
Tilla Kari Mosque
- D299EC
≈ Dream Vapour
- E3A648
≈ Brass Mesh
متمم منقسم +150° +210°
- 00CCCC
Tilla Kari Mosque
- ED90C6
≈ Pearly Pink
- F7966A
≈ Autumn Arrival
رباعي +90° +180° +270°
- 00CCCC
Tilla Kari Mosque
- AAA7FF
≈ Shy Moment
- FA8E98
≈ Strawberry Shortcake
- C0B749
≈ Parachute
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.99:1 · APCA Lc 38
Ag
AAAعلى الأسود
WCAG 10.50:1 · APCA Lc 64
أفضل لون للنص: #000000
WCAG 10.50:1 (AAA) · APCA Lc 64
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--tilla-kari-mosque: #00cccc;
--tilla-kari-mosque-rgb: 0 204 204;
--tilla-kari-mosque-oklch: oklch(0.765 0.131 194.8);
}
.element {
color: var(--tilla-kari-mosque);
background-color: hsl(180 100% 40%);
border-color: oklch(0.765 0.131 194.8);
}Tailwind CSS v4
@theme {
--color-tilla-kari-mosque: #00cccc;
--color-tilla-kari-mosque-50: #caffff;
--color-tilla-kari-mosque-100: #b5f6f7;
--color-tilla-kari-mosque-200: #8ee6e7;
--color-tilla-kari-mosque-300: #57ccce;
--color-tilla-kari-mosque-400: #00b6b6;
--color-tilla-kari-mosque-500: #009fa0;
--color-tilla-kari-mosque-600: #008788;
--color-tilla-kari-mosque-700: #006c6d;
--color-tilla-kari-mosque-800: #00504f;
--color-tilla-kari-mosque-900: #003837;
--color-tilla-kari-mosque-950: #002222;
}SCSS
$tilla-kari-mosque: #00cccc;
$tilla-kari-mosque-rgb: 0, 204, 204;
$tilla-kari-mosque-light: mix(#fff, $tilla-kari-mosque, 20%);
$tilla-kari-mosque-dark: mix(#000, $tilla-kari-mosque, 20%);
.element {
color: $tilla-kari-mosque;
box-shadow: 0 0 0 2px rgba($tilla-kari-mosque, 0.35);
}