이름 색상 · #92B979
Prime Merchandise
Prime Merchandise은(는) #92B979: rgb(146 185 121), hsl(97 31% 60%), oklch(0.741 0.098 133.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Prime Merchandise color name →
#92B979
oklch(0.741 0.098 133.8)
색상 변환
- HEX
- #92b979
- RGB
- rgb(146 185 121)
- HSL
- hsl(97 31% 60%)
- HWB
- hwb(97 47% 27%)
- OKLCH
- oklch(0.741 0.098 133.8)
- OKLab
- oklab(0.741 -0.068 0.071)
- CIE Lab
- lab(71.1 -22.36 28.1)
- LCH
- lch(71.1 35.91 128.5)
- CMYK
- cmyk(21% 0% 35% 27%)
틴트 · 셰이드 · 톤
틴트
- 9DC086
- A7C794
- B2CEA1
- BDD5AE
- C8DCBC
- D3E3C9
- DEEAD6
- E9F1E4
- F4F8F1
셰이드
- 7EA068
- 6B8958
- 587148
- 465B39
- 35462B
- 25311D
- 161E10
- 080D05
- 010201
톤
- 90B37A
- 8FAE7B
- 8DA87C
- 8BA27D
- 899C7E
- 88977F
- 86917F
- 848B7F
- 828680
색 조화
보색 +180°
- 92B979
Prime Merchandise
- C299D7
≈ Mauve Mist
유사색 -30° +30°
- 92B979
Prime Merchandise
- B5AE63
≈ Summer Moss
- 6CBF9A
≈ Peppermint Fresh
삼각 배색 +120° +240°
- 92B979
Prime Merchandise
- 7FAFE8
≈ Pool Floor
- E29199
≈ Ruddy Pink
분열 보색 +150° +210°
- 92B979
Prime Merchandise
- A3A3E7
≈ Cold Lips
- D792BB
≈ Pressed Flower
사각 배색 +90° +180° +270°
- 92B979
Prime Merchandise
- 5EB9D9
≈ Azurean
- C299D7
≈ Mauve Mist
- E09778
≈ Baked Salmon
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.22:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.43:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.43:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
CSS
:root {
--prime-merchandise: #92b979;
--prime-merchandise-rgb: 146 185 121;
--prime-merchandise-oklch: oklch(0.741 0.098 133.8);
}
.element {
color: var(--prime-merchandise);
background-color: hsl(97 31% 60%);
border-color: oklch(0.741 0.098 133.8);
}Tailwind CSS v4
@theme {
--color-prime-merchandise: #92b979;
--color-prime-merchandise-50: #e9fce0;
--color-prime-merchandise-100: #daf0d0;
--color-prime-merchandise-200: #c2deb5;
--color-prime-merchandise-300: #a1c391;
--color-prime-merchandise-400: #87ab6f;
--color-prime-merchandise-500: #6b944f;
--color-prime-merchandise-600: #5b7d44;
--color-prime-merchandise-700: #486436;
--color-prime-merchandise-800: #364924;
--color-prime-merchandise-900: #253318;
--color-prime-merchandise-950: #131f09;
}SCSS
$prime-merchandise: #92b979;
$prime-merchandise-rgb: 146, 185, 121;
$prime-merchandise-light: mix(#fff, $prime-merchandise, 20%);
$prime-merchandise-dark: mix(#000, $prime-merchandise, 20%);
.element {
color: $prime-merchandise;
box-shadow: 0 0 0 2px rgba($prime-merchandise, 0.35);
}