이름 색상 · #9CCE9E
Mover & Shaker
Mover & Shaker은(는) #9CCE9E: rgb(156 206 158), hsl(122 34% 71%), oklch(0.804 0.085 145.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Mover & Shaker color name →
#9CCE9E
oklch(0.804 0.085 145.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- A6D3A8
- B0D8B1
- BADDBB
- C4E2C4
- CEE7CE
- D7ECD8
- E1F0E2
- EBF5EB
- F5FAF5
셰이드
- 87B389
- 739874
- 5F7F60
- 4C664D
- 394E3A
- 283829
- 182318
- 090F09
- 010201
톤
- 99C69B
- 97BE98
- 94B695
- 92AE92
- 8FA68F
- 8C9F8C
- 899789
- 868F86
- 838883
색 조화
보색 +180°
- 9CCE9E
Mover & Shaker
- DCACDD
≈ Barely Bloomed
유사색 -30° +30°
- 9CCE9E
Mover & Shaker
- BCC687
≈ Misty Valley
- 81D1BC
≈ Lavish Green
삼각 배색 +120° +240°
- 9CCE9E
Mover & Shaker
- A5BEF7
≈ Pastel Blue
- F1AAA3
≈ Pressed Rose
분열 보색 +150° +210°
- 9CCE9E
Mover & Shaker
- C3B4F0
≈ Purple Sand
- ECA8C1
≈ Tickled Pink
사각 배색 +90° +180° +270°
- 9CCE9E
Mover & Shaker
- 88C8EE
≈ Fish Pond
- DCACDD
≈ Barely Bloomed
- EAB18A
≈ Trick or Treat
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.78:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.73:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.73:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
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);
}