Nazwany kolor · #9CCE9E
Mover & Shaker
Mover & Shaker to #9CCE9E: rgb(156 206 158), hsl(122 34% 71%), oklch(0.804 0.085 145.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Mover & Shaker color name →
#9CCE9E
oklch(0.804 0.085 145.7)
Konwersje koloru
- HEX
- #9cce9e
- RGB
- rgb(156 206 158)
- HSL
- hsl(122 34% 71%)
- HWB
- hwb(122 61% 19%)
- OKLCH
- oklch(0.804 0.085 145.7)
- OKLab
- oklab(0.804 -0.07 0.048)
- CIE Lab
- lab(78.3 -23.98 18.46)
- LCH
- lch(78.3 30.26 142.4)
- CMYK
- cmyk(24% 0% 23% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A6D3A8
- B0D8B1
- BADDBB
- C4E2C4
- CEE7CE
- D7ECD8
- E1F0E2
- EBF5EB
- F5FAF5
Odcienie ciemniejsze
- 87B389
- 739874
- 5F7F60
- 4C664D
- 394E3A
- 283829
- 182318
- 090F09
- 010201
Tony
- 99C69B
- 97BE98
- 94B695
- 92AE92
- 8FA68F
- 8C9F8C
- 899789
- 868F86
- 838883
Harmonie kolorów
Komplementarna +180°
- 9CCE9E
Mover & Shaker
- DCACDD
≈ Barely Bloomed
Analogowa -30° +30°
- 9CCE9E
Mover & Shaker
- BCC687
≈ Misty Valley
- 81D1BC
≈ Lavish Green
Triada +120° +240°
- 9CCE9E
Mover & Shaker
- A5BEF7
≈ Pastel Blue
- F1AAA3
≈ Pressed Rose
Komplementarna rozszczepiona +150° +210°
- 9CCE9E
Mover & Shaker
- C3B4F0
≈ Purple Sand
- ECA8C1
≈ Tickled Pink
Tetrada +90° +180° +270°
- 9CCE9E
Mover & Shaker
- 88C8EE
≈ Fish Pond
- DCACDD
≈ Barely Bloomed
- EAB18A
≈ Trick or Treat
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.78:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.73:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.73:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--mover-shaker: #9cce9e;
--mover-shaker-rgb: 156 206 158;
--mover-shaker-oklch: oklch(0.804 0.085 145.7);
}
.element {
color: var(--mover-shaker);
background-color: hsl(122 34% 71%);
border-color: oklch(0.804 0.085 145.7);
}Tailwind CSS v4
@theme {
--color-mover-shaker: #9cce9e;
--color-mover-shaker-50: #e6fce8;
--color-mover-shaker-100: #d6f0d8;
--color-mover-shaker-200: #bddfc0;
--color-mover-shaker-300: #9bc49f;
--color-mover-shaker-400: #7eac80;
--color-mover-shaker-500: #609563;
--color-mover-shaker-600: #527e54;
--color-mover-shaker-700: #416543;
--color-mover-shaker-800: #304a2f;
--color-mover-shaker-900: #203320;
--color-mover-shaker-950: #101f0f;
}SCSS
$mover-shaker: #9cce9e;
$mover-shaker-rgb: 156, 206, 158;
$mover-shaker-light: mix(#fff, $mover-shaker, 20%);
$mover-shaker-dark: mix(#000, $mover-shaker, 20%);
.element {
color: $mover-shaker;
box-shadow: 0 0 0 2px rgba($mover-shaker, 0.35);
}