가장 가까운 이름 색상 · #9BB390
#9BB390
가장 가까운 이름 색상: Foliage
#9BB390(rgb(155 179 144), hsl(101 19% 63%), oklch(0.739 0.056 135.9))와 가장 가까운 이름 색상은 Foliage입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#9BB390
oklch(0.739 0.056 135.9)
색상 변환
- HEX
- #9bb390
- RGB
- rgb(155 179 144)
- HSL
- hsl(101 19% 63%)
- HWB
- hwb(101 56% 30%)
- OKLCH
- oklch(0.739 0.056 135.9)
- OKLab
- oklab(0.739 -0.04 0.039)
- CIE Lab
- lab(70.39 -13.51 15.06)
- LCH
- lch(70.39 20.23 131.9)
- CMYK
- cmyk(13% 0% 20% 30%)
틴트 · 셰이드 · 톤
틴트
- A5BA9B
- AEC2A6
- B8C9B0
- C2D1BB
- CCD9C6
- D6E0D2
- E0E8DD
- EAF0E8
- F5F7F4
셰이드
- 869B7D
- 72846A
- 5E6E57
- 4B5845
- 394334
- 282F24
- 181D15
- 090C07
- 010101
톤
- 98AE8F
- 96A98D
- 93A38B
- 909E8A
- 8E9988
- 8B9487
- 888F85
- 858A83
- 838582
색 조화
보색 +180°
- 9BB390
Foliage
- B8A0C3
≈ Berry Frappé
유사색 -30° +30°
- 9BB390
Foliage
- AFAD84
≈ New Bamboo
- 89B6A2
≈ Indian Ocean
삼각 배색 +120° +240°
- 9BB390
Foliage
- 94ADCE
≈ Chambray Blue
- CB9D9F
≈ Remembrance
분열 보색 +150° +210°
- 9BB390
Foliage
- A7A6CD
≈ Blossom Mauve
- C59DB2
≈ Damsel
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.27:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.24:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.24:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--foliage: #9bb390;
--foliage-rgb: 155 179 144;
--foliage-oklch: oklch(0.739 0.056 135.9);
}
.element {
color: var(--foliage);
background-color: hsl(101 19% 63%);
border-color: oklch(0.739 0.056 135.9);
}Tailwind CSS v4
@theme {
--color-foliage: #9bb390;
--color-foliage-50: #eef9ea;
--color-foliage-100: #dfeddb;
--color-foliage-200: #c9dac3;
--color-foliage-300: #aabfa3;
--color-foliage-400: #90a686;
--color-foliage-500: #768f6a;
--color-foliage-600: #64795a;
--color-foliage-700: #506148;
--color-foliage-800: #3a4733;
--color-foliage-900: #283123;
--color-foliage-950: #161d12;
}SCSS
$foliage: #9bb390;
$foliage-rgb: 155, 179, 144;
$foliage-light: mix(#fff, $foliage, 20%);
$foliage-dark: mix(#000, $foliage, 20%);
.element {
color: $foliage;
box-shadow: 0 0 0 2px rgba($foliage, 0.35);
}