이름 색상 · #8CBF6F
Laudable Lime
Laudable Lime은(는) #8CBF6F: rgb(140 191 111), hsl(98 38% 59%), oklch(0.75 0.121 135). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Laudable Lime color name →
#8CBF6F
oklch(0.75 0.121 135)
색상 변환
- HEX
- #8cbf6f
- RGB
- rgb(140 191 111)
- HSL
- hsl(98 38% 59%)
- HWB
- hwb(98 44% 25%)
- OKLCH
- oklch(0.75 0.121 135)
- OKLab
- oklab(0.75 -0.086 0.086)
- CIE Lab
- lab(72.33 -28.27 34.69)
- LCH
- lch(72.33 44.75 129.2)
- CMYK
- cmyk(27% 0% 42% 25%)
틴트 · 셰이드 · 톤
틴트
- 97C67E
- A3CC8C
- AED39B
- BAD9A9
- C5DFB7
- D1E6C6
- DCECD4
- E8F2E2
- F3F9F1
셰이드
- 79A660
- 678D51
- 557542
- 435E34
- 334827
- 23331A
- 141F0E
- 070D04
- 010201
톤
- 8BB972
- 8AB274
- 89AC76
- 88A678
- 879F7A
- 86997B
- 84937D
- 838D7E
- 81867F
색 조화
보색 +180°
- 8CBF6F
Laudable Lime
- CB96E3
≈ Somewhere in a Fairytale
유사색 -30° +30°
- 8CBF6F
Laudable Lime
- B9B24F
≈ Hemp Tea
- 56C69B
≈ Mermaid’s Kiss
삼각 배색 +120° +240°
- 8CBF6F
Laudable Lime
- 78B1F9
≈ French Sky Blue
- F08D95
≈ Ikkonzome Pink
분열 보색 +150° +210°
- 8CBF6F
Laudable Lime
- A6A2F8
≈ Cold Lips
- E48EBF
≈ Tempting Pink
사각 배색 +90° +180° +270°
- 8CBF6F
Laudable Lime
- 43BDE7
≈ Clean Pool
- CB96E3
≈ Somewhere in a Fairytale
- ED946B
≈ Sawtooth Aak
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.14:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.79:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--laudable-lime: #8cbf6f;
--laudable-lime-rgb: 140 191 111;
--laudable-lime-oklch: oklch(0.75 0.121 135);
}
.element {
color: var(--laudable-lime);
background-color: hsl(98 38% 59%);
border-color: oklch(0.75 0.121 135);
}Tailwind CSS v4
@theme {
--color-laudable-lime: #8cbf6f;
--color-laudable-lime-50: #e5fedc;
--color-laudable-lime-100: #d5f2ca;
--color-laudable-lime-200: #bce1ae;
--color-laudable-lime-300: #9ac688;
--color-laudable-lime-400: #7fae64;
--color-laudable-lime-500: #61973f;
--color-laudable-lime-600: #538037;
--color-laudable-lime-700: #42672b;
--color-laudable-lime-800: #314b1c;
--color-laudable-lime-900: #213412;
--color-laudable-lime-950: #111f05;
}SCSS
$laudable-lime: #8cbf6f;
$laudable-lime-rgb: 140, 191, 111;
$laudable-lime-light: mix(#fff, $laudable-lime, 20%);
$laudable-lime-dark: mix(#000, $laudable-lime, 20%);
.element {
color: $laudable-lime;
box-shadow: 0 0 0 2px rgba($laudable-lime, 0.35);
}