Nazwany kolor · #006E6E
Caribbean Current
Caribbean Current to #006E6E: rgb(0 110 110), hsl(180 100% 22%), oklch(0.487 0.083 194.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Caribbean Current color name →
#006E6E
oklch(0.487 0.083 194.8)
Konwersje koloru
- HEX
- #006e6e
- RGB
- rgb(0 110 110)
- HSL
- hsl(180 100% 22%)
- HWB
- hwb(180 0% 57%)
- OKLCH
- oklch(0.487 0.083 194.8)
- OKLab
- oklab(0.487 -0.08 -0.021)
- CIE Lab
- lab(41.41 -27.27 -8.05)
- LCH
- lch(41.41 28.43 196.5)
- CMYK
- cmyk(100% 0% 0% 57%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2E7C7C
- 498A89
- 619897
- 78A6A5
- 8EB5B4
- A4C3C3
- BBD2D1
- D1E1E0
- E8F0F0
Odcienie ciemniejsze
- 005F5F
- 005050
- 004141
- 003333
- 002626
- 001919
- 000E0E
- 000404
- 000101
Tony
- 1F7070
- 307272
- 3D7473
- 487675
- 537877
- 5D7979
- 667B7B
- 6F7D7C
- 777E7E
Harmonie kolorów
Komplementarna +180°
- 006E6E
Caribbean Current
- 884B51
≈ Currant Jam
Analogowa -30° +30°
- 006E6E
Caribbean Current
- 286E54
≈ Sparkling Emerald
- 1A6983
≈ Sea Goddess
Triada +120° +240°
- 006E6E
Caribbean Current
- 715180
≈ Patrician Purple
- 7B5823
≈ Lizard Brown
Komplementarna rozszczepiona +150° +210°
- 006E6E
Caribbean Current
- 814C6B
≈ Madder Magenta
- 864F36
≈ Curry Brown
Tetrada +90° +180° +270°
- 006E6E
Caribbean Current
- 5B598D
≈ Midnight Sea
- 884B51
≈ Currant Jam
- 676224
≈ Greenish Brown
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.07:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.45:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.07:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--caribbean-current: #006e6e;
--caribbean-current-rgb: 0 110 110;
--caribbean-current-oklch: oklch(0.487 0.083 194.8);
}
.element {
color: var(--caribbean-current);
background-color: hsl(180 100% 22%);
border-color: oklch(0.487 0.083 194.8);
}Tailwind CSS v4
@theme {
--color-caribbean-current: #006e6e;
--color-caribbean-current-50: #dbfdfd;
--color-caribbean-current-100: #c9f1f1;
--color-caribbean-current-200: #abe0e0;
--color-caribbean-current-300: #83c5c6;
--color-caribbean-current-400: #5eaead;
--color-caribbean-current-500: #319797;
--color-caribbean-current-600: #2c8080;
--color-caribbean-current-700: #236666;
--color-caribbean-current-800: #174b4a;
--color-caribbean-current-900: #0f3433;
--color-caribbean-current-950: #02201f;
}SCSS
$caribbean-current: #006e6e;
$caribbean-current-rgb: 0, 110, 110;
$caribbean-current-light: mix(#fff, $caribbean-current, 20%);
$caribbean-current-dark: mix(#000, $caribbean-current, 20%);
.element {
color: $caribbean-current;
box-shadow: 0 0 0 2px rgba($caribbean-current, 0.35);
}