Warna bernama · #00CCCC
Tilla Kari Mosque
Tilla Kari Mosque adalah #00CCCC: rgb(0 204 204), hsl(180 100% 40%), oklch(0.765 0.131 194.8). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Teal mean? → · Tilla Kari Mosque color name →
#00CCCC
oklch(0.765 0.131 194.8)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 45D1D1
- 63D7D6
- 7CDCDB
- 91E1E0
- A5E6E5
- B8ECEB
- CBF1F0
- DCF5F5
- EEFAFA
Shade
- 00B1B1
- 009797
- 007E7E
- 006565
- 004E4E
- 003737
- 002222
- 000F0F
- 000202
Tone
- 32C4C4
- 46BDBC
- 54B5B5
- 5EAEAD
- 67A6A5
- 6E9E9E
- 739796
- 788F8F
- 7D8887
Harmoni warna
Komplementer +180°
- 00CCCC
Tilla Kari Mosque
- FA8E98
≈ Strawberry Shortcake
Analog -30° +30°
- 00CCCC
Tilla Kari Mosque
- 51CD9E
≈ Mint Jelly
- 38C4F1
≈ Shovel Knight
Triadik +120° +240°
- 00CCCC
Tilla Kari Mosque
- D299EC
≈ Dream Vapour
- E3A648
≈ Brass Mesh
Split-komplementer +150° +210°
- 00CCCC
Tilla Kari Mosque
- ED90C6
≈ Pearly Pink
- F7966A
≈ Autumn Arrival
Tetradik +90° +180° +270°
- 00CCCC
Tilla Kari Mosque
- AAA7FF
≈ Shy Moment
- FA8E98
≈ Strawberry Shortcake
- C0B749
≈ Parachute
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.99:1 · APCA Lc 38
Ag
AAADi atas hitam
WCAG 10.50:1 · APCA Lc 64
Warna teks terbaik: #000000
WCAG 10.50:1 (AAA) · APCA Lc 64
Contrast pairs
Cuplikan kode
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);
}