Nazwany kolor · #006C68
Ocean Oasis
Ocean Oasis to #006C68: rgb(0 108 104), hsl(178 100% 21%), oklch(0.479 0.083 190.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Ocean Oasis color name →
#006C68
oklch(0.479 0.083 190.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2E7A76
- 488884
- 609693
- 77A5A1
- 8DB4B1
- A4C2C0
- BAD1CF
- D1E0DF
- E8F0EF
Odcienie ciemniejsze
- 005D59
- 004E4B
- 00403E
- 003230
- 002524
- 001918
- 000D0C
- 000404
- 000000
Tony
- 1F6E6A
- 2F706D
- 3C726F
- 487572
- 527774
- 5C7976
- 657A79
- 6E7C7B
- 777E7E
Harmonie kolorów
Komplementarna +180°
- 006C68
Ocean Oasis
- 854952
≈ Parauri Brown
Analogowa -30° +30°
- 006C68
Ocean Oasis
- 2C6C4D
≈ Chopped Chive
- 11687E
≈ Pilot Blue
Triada +120° +240°
- 006C68
Ocean Oasis
- 6C5080
≈ Gutsy Grape
- 7B5523
≈ Lizard Brown
Komplementarna rozszczepiona +150° +210°
- 006C68
Ocean Oasis
- 7C4A6C
≈ Madder Magenta
- 854C38
≈ Paarl
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.27:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.34:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.27:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
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);
}