Colore con nome · #6F968B
Lunar Tide
Lunar Tide è #6F968B: rgb(111 150 139), hsl(163 16% 51%), oklch(0.641 0.046 175.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Lunar Tide color name →
#6F968B
oklch(0.641 0.046 175.5)
Conversioni di colore
- HEX
- #6f968b
- RGB
- rgb(111 150 139)
- HSL
- hsl(163 16% 51%)
- HWB
- hwb(163 44% 41%)
- OKLCH
- oklch(0.641 0.046 175.5)
- OKLab
- oklab(0.641 -0.046 0.004)
- CIE Lab
- lab(58.94 -15.79 1.23)
- LCH
- lch(58.94 15.84 175.5)
- CMYK
- cmyk(26% 0% 7% 41%)
Tinte · Ombre · Toni
Tinte
- 7DA096
- 8BAAA1
- 99B5AC
- A7BFB8
- B6C9C3
- C4D4CF
- D3DFDB
- E1E9E7
- F0F4F3
Ombre
- 608278
- 516E66
- 425B54
- 344943
- 273732
- 1A2623
- 0E1614
- 040807
- 010101
Toni
- 71948A
- 739289
- 758F88
- 778D87
- 788B85
- 7A8984
- 7C8783
- 7D8482
- 7F8281
Armonie di colore
Complementare +180°
- 6F968B
Lunar Tide
- A4818D
≈ Evening Shadow
Analogo -30° +30°
- 6F968B
Lunar Tide
- 7B947C
≈ Fish Camp Woods
- 6B959A
≈ Baltic Blue
Triadico +120° +240°
- 6F968B
Lunar Tide
- 8E87A6
≈ Purple Hills
- A38672
≈ Terrazzo Brown
Complementare divisa +150° +210°
- 6F968B
Lunar Tide
- 9B839C
≈ Mixed Berries
- A7827E
≈ Muse
Tetradico +90° +180° +270°
- 6F968B
Lunar Tide
- 7F8CA9
≈ Evening Hush
- A4818D
≈ Evening Shadow
- 998B6D
≈ Urban Safari
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.27:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.41:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.41:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--lunar-tide: #6f968b;
--lunar-tide-rgb: 111 150 139;
--lunar-tide-oklch: oklch(0.641 0.046 175.5);
}
.element {
color: var(--lunar-tide);
background-color: hsl(163 16% 51%);
border-color: oklch(0.641 0.046 175.5);
}Tailwind CSS v4
@theme {
--color-lunar-tide: #6f968b;
--color-lunar-tide-50: #e8faf5;
--color-lunar-tide-100: #d9ede8;
--color-lunar-tide-200: #c0dbd4;
--color-lunar-tide-300: #9fc0b7;
--color-lunar-tide-400: #82a89d;
--color-lunar-tide-500: #659185;
--color-lunar-tide-600: #567a70;
--color-lunar-tide-700: #45625a;
--color-lunar-tide-800: #324841;
--color-lunar-tide-900: #22322d;
--color-lunar-tide-950: #111e1a;
}SCSS
$lunar-tide: #6f968b;
$lunar-tide-rgb: 111, 150, 139;
$lunar-tide-light: mix(#fff, $lunar-tide, 20%);
$lunar-tide-dark: mix(#000, $lunar-tide, 20%);
.element {
color: $lunar-tide;
box-shadow: 0 0 0 2px rgba($lunar-tide, 0.35);
}