이름 색상 · #92B57B
Snipped Chive
Snipped Chive은(는) #92B57B: rgb(146 181 123), hsl(96 28% 60%), oklch(0.732 0.089 133.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Snipped Chive color name →
#92B57B
oklch(0.732 0.089 133.5)
색상 변환
- HEX
- #92b57b
- RGB
- rgb(146 181 123)
- HSL
- hsl(96 28% 60%)
- HWB
- hwb(96 48% 29%)
- OKLCH
- oklch(0.732 0.089 133.5)
- OKLab
- oklab(0.732 -0.061 0.065)
- CIE Lab
- lab(69.98 -20.29 25.59)
- LCH
- lch(69.98 32.66 128.4)
- CMYK
- cmyk(19% 0% 32% 29%)
틴트 · 셰이드 · 톤
틴트
- 9DBC88
- A7C495
- B2CBA2
- BDD2AF
- C8DABC
- D2E1CA
- DDE9D7
- E9F0E4
- F4F8F2
셰이드
- 7E9D6A
- 6B865A
- 586F4A
- 46593A
- 35442C
- 25301E
- 161D10
- 080C05
- 010201
톤
- 90B07C
- 8FAA7D
- 8DA57E
- 8BA07E
- 899A7F
- 87957F
- 86907F
- 848B80
- 828580
색 조화
보색 +180°
- 92B57B
Snipped Chive
- BD98D0
≈ Amethyst Show
유사색 -30° +30°
- 92B57B
Snipped Chive
- B2AB68
≈ Jalapeño Jelly
- 71BA99
≈ Mountain Lake Green
삼각 배색 +120° +240°
- 92B57B
Snipped Chive
- 81ACE0
≈ Pool Floor
- DA9198
≈ Dancer
분열 보색 +150° +210°
- 92B57B
Snipped Chive
- A1A1DF
≈ Simply Violet
- D192B7
≈ Pressed Flower
사각 배색 +90° +180° +270°
- 92B57B
Snipped Chive
- 64B5D2
≈ Shimmering Brook
- BD98D0
≈ Amethyst Show
- D8967B
≈ Tropical Blooms
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.30:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.11:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.11:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--snipped-chive: #92b57b;
--snipped-chive-rgb: 146 181 123;
--snipped-chive-oklch: oklch(0.732 0.089 133.5);
}
.element {
color: var(--snipped-chive);
background-color: hsl(96 28% 60%);
border-color: oklch(0.732 0.089 133.5);
}Tailwind CSS v4
@theme {
--color-snipped-chive: #92b57b;
--color-snipped-chive-50: #eafbe2;
--color-snipped-chive-100: #dbefd2;
--color-snipped-chive-200: #c4ddb8;
--color-snipped-chive-300: #a4c295;
--color-snipped-chive-400: #89aa74;
--color-snipped-chive-500: #6e9354;
--color-snipped-chive-600: #5d7c48;
--color-snipped-chive-700: #4a6439;
--color-snipped-chive-800: #374927;
--color-snipped-chive-900: #26321a;
--color-snipped-chive-950: #141e0b;
}SCSS
$snipped-chive: #92b57b;
$snipped-chive-rgb: 146, 181, 123;
$snipped-chive-light: mix(#fff, $snipped-chive, 20%);
$snipped-chive-dark: mix(#000, $snipped-chive, 20%);
.element {
color: $snipped-chive;
box-shadow: 0 0 0 2px rgba($snipped-chive, 0.35);
}