Benannte Farbe · #70C1C9
Luna Moona
Luna Moona ist #70C1C9: rgb(112 193 201), hsl(185 45% 61%), oklch(0.762 0.08 203.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Luna Moona color name →
#70C1C9
oklch(0.762 0.08 203.8)
Farbumrechnungen
- HEX
- #70c1c9
- RGB
- rgb(112 193 201)
- HSL
- hsl(185 45% 61%)
- HWB
- hwb(185 44% 21%)
- OKLCH
- oklch(0.762 0.08 203.8)
- OKLab
- oklab(0.762 -0.073 -0.032)
- CIE Lab
- lab(73.14 -24.32 -12.23)
- LCH
- lch(73.14 27.22 206.7)
- CMYK
- cmyk(44% 4% 0% 21%)
Tints · Shades · Tones
Tints
- 80C7CE
- 8FCDD4
- 9ED4D9
- ACDADE
- BAE0E4
- C8E6E9
- D6EDEF
- E4F3F4
- F1F9FA
Shades
- 60A7AE
- 518F95
- 43777C
- 355F64
- 27494C
- 1A3436
- 0E2022
- 040E0F
- 010202
Tones
- 73BAC1
- 76B4BA
- 78ADB3
- 7AA7AB
- 7CA0A4
- 7D9A9D
- 7E9395
- 7F8D8E
- 808687
Farbharmonien
Komplementär +180°
- 70C1C9
Luna Moona
- E09E99
≈ Pimlico
Analog -30° +30°
- 70C1C9
Luna Moona
- 79C3AE
≈ Pale Jade
- 7DBBDD
≈ 21st Century Blue
Triadisch +120° +240°
- 70C1C9
Luna Moona
- CBA1CF
≈ Lilac Lace
- CAAE76
≈ Sigmarite
Geteilt komplementär +150° +210°
- 70C1C9
Luna Moona
- DB9DB5
≈ Haute Pink
- DBA481
≈ Windswept Canyon
Tetradisch +90° +180° +270°
- 70C1C9
Luna Moona
- B4A8E0
≈ Maximum Blue Purple
- E09E99
≈ Pimlico
- B1B87C
≈ Nile
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.06:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.16:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.16:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--luna-moona: #70c1c9;
--luna-moona-rgb: 112 193 201;
--luna-moona-oklch: oklch(0.762 0.08 203.8);
}
.element {
color: var(--luna-moona);
background-color: hsl(185 45% 61%);
border-color: oklch(0.762 0.08 203.8);
}Tailwind CSS v4
@theme {
--color-luna-moona: #70c1c9;
--color-luna-moona-50: #dcfcff;
--color-luna-moona-100: #caf0f5;
--color-luna-moona-200: #addfe5;
--color-luna-moona-300: #86c4cb;
--color-luna-moona-400: #61adb4;
--color-luna-moona-500: #36969e;
--color-luna-moona-600: #307e86;
--color-luna-moona-700: #26656b;
--color-luna-moona-800: #1a4b4e;
--color-luna-moona-900: #113436;
--color-luna-moona-950: #031f21;
}SCSS
$luna-moona: #70c1c9;
$luna-moona-rgb: 112, 193, 201;
$luna-moona-light: mix(#fff, $luna-moona, 20%);
$luna-moona-dark: mix(#000, $luna-moona, 20%);
.element {
color: $luna-moona;
box-shadow: 0 0 0 2px rgba($luna-moona, 0.35);
}