Warna bernama · #006C68
Ocean Oasis
Ocean Oasis adalah #006C68: rgb(0 108 104), hsl(178 100% 21%), oklch(0.479 0.083 190.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Teal mean? → · Ocean Oasis color name →
#006C68
oklch(0.479 0.083 190.3)
Konversi warna
- HEX
- #006c68
- RGB
- rgb(0 108 104)
- HSL
- hsl(178 100% 21%)
- HWB
- hwb(178 0% 58%)
- OKLCH
- oklch(0.479 0.083 190.3)
- OKLab
- oklab(0.479 -0.081 -0.015)
- CIE Lab
- lab(40.56 -27.94 -5.71)
- LCH
- lch(40.56 28.52 191.5)
- CMYK
- cmyk(100% 0% 4% 58%)
Tint · Shade · Tone
Tint
- 2E7A76
- 488884
- 609693
- 77A5A1
- 8DB4B1
- A4C2C0
- BAD1CF
- D1E0DF
- E8F0EF
Shade
- 005D59
- 004E4B
- 00403E
- 003230
- 002524
- 001918
- 000D0C
- 000404
- 000000
Tone
- 1F6E6A
- 2F706D
- 3C726F
- 487572
- 527774
- 5C7976
- 657A79
- 6E7C7B
- 777E7E
Harmoni warna
Komplementer +180°
- 006C68
Ocean Oasis
- 854952
≈ Parauri Brown
Analog -30° +30°
- 006C68
Ocean Oasis
- 2C6C4D
≈ Chopped Chive
- 11687E
≈ Pilot Blue
Triadik +120° +240°
- 006C68
Ocean Oasis
- 6C5080
≈ Gutsy Grape
- 7B5523
≈ Lizard Brown
Split-komplementer +150° +210°
- 006C68
Ocean Oasis
- 7C4A6C
≈ Madder Magenta
- 854C38
≈ Paarl
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 6.27:1 · APCA Lc 81
Ag
FailDi atas hitam
WCAG 3.34:1 · APCA Lc 21
Warna teks terbaik: #FFFFFF
WCAG 6.27:1 (AA) · APCA Lc 81
Contrast pairs
Cuplikan kode
CSS
:root {
--ocean-oasis: #006c68;
--ocean-oasis-rgb: 0 108 104;
--ocean-oasis-oklch: oklch(0.479 0.083 190.3);
}
.element {
color: var(--ocean-oasis);
background-color: hsl(178 100% 21%);
border-color: oklch(0.479 0.083 190.3);
}Tailwind CSS v4
@theme {
--color-ocean-oasis: #006c68;
--color-ocean-oasis-50: #dbfdfb;
--color-ocean-oasis-100: #c9f1ef;
--color-ocean-oasis-200: #ace0dd;
--color-ocean-oasis-300: #84c5c2;
--color-ocean-oasis-400: #5faea9;
--color-ocean-oasis-500: #339893;
--color-ocean-oasis-600: #2e807c;
--color-ocean-oasis-700: #256763;
--color-ocean-oasis-800: #194c48;
--color-ocean-oasis-900: #103432;
--color-ocean-oasis-950: #03201e;
}SCSS
$ocean-oasis: #006c68;
$ocean-oasis-rgb: 0, 108, 104;
$ocean-oasis-light: mix(#fff, $ocean-oasis, 20%);
$ocean-oasis-dark: mix(#000, $ocean-oasis, 20%);
.element {
color: $ocean-oasis;
box-shadow: 0 0 0 2px rgba($ocean-oasis, 0.35);
}