가장 가까운 이름 색상 · #95AF76
#95AF76
가장 가까운 이름 색상: Green Tea Mochi
#95AF76(rgb(149 175 118), hsl(87 26% 57%), oklch(0.72 0.084 128.3))와 가장 가까운 이름 색상은 Green Tea Mochi입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#95AF76
oklch(0.72 0.084 128.3)
색상 변환
- HEX
- #95af76
- RGB
- rgb(149 175 118)
- HSL
- hsl(87 26% 57%)
- HWB
- hwb(87 46% 31%)
- OKLCH
- oklch(0.72 0.084 128.3)
- OKLab
- oklab(0.72 -0.052 0.066)
- CIE Lab
- lab(68.4 -16.88 26.21)
- LCH
- lch(68.4 31.17 122.8)
- CMYK
- cmyk(15% 0% 33% 31%)
틴트 · 셰이드 · 톤
틴트
- 9FB784
- A9BF91
- B4C79F
- BECFAC
- C9D7BA
- D3DFC7
- DEE7D5
- E9EFE3
- F4F7F1
셰이드
- 819866
- 6D8156
- 5A6B47
- 485638
- 374129
- 262E1C
- 161C0F
- 080B05
- 010101
톤
- 93AA77
- 91A679
- 8FA17A
- 8D9C7B
- 8B977C
- 88937D
- 868E7E
- 84897F
- 82857F
색 조화
보색 +180°
- 95AF76
Green Tea Mochi
- B397CD
≈ Biloba Flower
유사색 -30° +30°
- 95AF76
Green Tea Mochi
- B2A567
≈ Natchez Moss
- 76B591
≈ Water Fern
삼각 배색 +120° +240°
- 95AF76
Green Tea Mochi
- 7AA9D7
≈ High Seas
- D38F9A
≈ Sianna Rose
분열 보색 +150° +210°
- 95AF76
Green Tea Mochi
- 98A0D9
≈ Dalmatian Sage
- C890B7
≈ Bossy-Pants Pink
사각 배색 +90° +180° +270°
- 95AF76
Green Tea Mochi
- 63B1C8
≈ Gondolier
- B397CD
≈ Biloba Flower
- D3927E
≈ Orange Essential
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.42:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.67:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.67:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--green-tea-mochi: #95af76;
--green-tea-mochi-rgb: 149 175 118;
--green-tea-mochi-oklch: oklch(0.72 0.084 128.3);
}
.element {
color: var(--green-tea-mochi);
background-color: hsl(87 26% 57%);
border-color: oklch(0.72 0.084 128.3);
}Tailwind CSS v4
@theme {
--color-green-tea-mochi: #95af76;
--color-green-tea-mochi-50: #edfae2;
--color-green-tea-mochi-100: #dfeed1;
--color-green-tea-mochi-200: #c8dcb7;
--color-green-tea-mochi-300: #a9c194;
--color-green-tea-mochi-400: #90a873;
--color-green-tea-mochi-500: #769153;
--color-green-tea-mochi-600: #647b47;
--color-green-tea-mochi-700: #506238;
--color-green-tea-mochi-800: #3b4827;
--color-green-tea-mochi-900: #28321a;
--color-green-tea-mochi-950: #161e0b;
}SCSS
$green-tea-mochi: #95af76;
$green-tea-mochi-rgb: 149, 175, 118;
$green-tea-mochi-light: mix(#fff, $green-tea-mochi, 20%);
$green-tea-mochi-dark: mix(#000, $green-tea-mochi, 20%);
.element {
color: $green-tea-mochi;
box-shadow: 0 0 0 2px rgba($green-tea-mochi, 0.35);
}