Nazwany kolor · #C1E0C8
Luna Green
Luna Green to #C1E0C8: rgb(193 224 200), hsl(134 33% 82%), oklch(0.877 0.046 152.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Luna Green color name →
#C1E0C8
oklch(0.877 0.046 152.1)
Konwersje koloru
- HEX
- #c1e0c8
- RGB
- rgb(193 224 200)
- HSL
- hsl(134 33% 82%)
- HWB
- hwb(134 76% 12%)
- OKLCH
- oklch(0.877 0.046 152.1)
- OKLab
- oklab(0.877 -0.041 0.022)
- CIE Lab
- lab(86.41 -14.01 8.2)
- LCH
- lch(86.41 16.23 149.7)
- CMYK
- cmyk(14% 0% 11% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C7E3CD
- CDE6D3
- D4E9D8
- DAECDE
- E0F0E3
- E6F3E9
- ECF6EE
- F3F9F4
- F9FCF9
Odcienie ciemniejsze
- A7C3AE
- 8FA694
- 778A7B
- 5F7063
- 49564C
- 343E36
- 202721
- 0E120F
- 020202
Tony
- BAD6C1
- B4CCB9
- ADC2B2
- A7B9AB
- A0AFA3
- 9AA59C
- 939C95
- 8D928E
- 868987
Harmonie kolorów
Komplementarna +180°
- C1E0C8
Luna Green
- EACCE4
≈ Sweet Dreams
Analogowa -30° +30°
- C1E0C8
Luna Green
- D1DCBB
≈ Green Parlour
- B6E1D9
≈ Festival de Verano
Triada +120° +240°
- C1E0C8
Luna Green
- CCD6F6
≈ Flax Bloom
- F4CCC4
≈ Oleander
Komplementarna rozszczepiona +150° +210°
- C1E0C8
Luna Green
- DCD0F1
≈ Plum’s the Word
- F2CBD4
≈ Smidgen of Love
Tetrada +90° +180° +270°
- C1E0C8
Luna Green
- BDDBF3
≈ Greek Isles
- EACCE4
≈ Sweet Dreams
- EED1B8
≈ Peach Purée
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.42:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.76:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.76:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--luna-green: #c1e0c8;
--luna-green-rgb: 193 224 200;
--luna-green-oklch: oklch(0.877 0.046 152.1);
}
.element {
color: var(--luna-green);
background-color: hsl(134 33% 82%);
border-color: oklch(0.877 0.046 152.1);
}Tailwind CSS v4
@theme {
--color-luna-green: #c1e0c8;
--color-luna-green-50: #ecf9ef;
--color-luna-green-100: #ddede1;
--color-luna-green-200: #c6dacb;
--color-luna-green-300: #a6bfad;
--color-luna-green-400: #8ba791;
--color-luna-green-500: #708f77;
--color-luna-green-600: #5f7965;
--color-luna-green-700: #4c6151;
--color-luna-green-800: #37473a;
--color-luna-green-900: #263128;
--color-luna-green-950: #141d16;
}SCSS
$luna-green: #c1e0c8;
$luna-green-rgb: 193, 224, 200;
$luna-green-light: mix(#fff, $luna-green, 20%);
$luna-green-dark: mix(#000, $luna-green, 20%);
.element {
color: $luna-green;
box-shadow: 0 0 0 2px rgba($luna-green, 0.35);
}