이름 색상 · #6D8A74
Capsella
Capsella은(는) #6D8A74: rgb(109 138 116), hsl(134 12% 48%), oklch(0.604 0.047 152.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Capsella color name →
#6D8A74
oklch(0.604 0.047 152.2)
색상 변환
- HEX
- #6d8a74
- RGB
- rgb(109 138 116)
- HSL
- hsl(134 12% 48%)
- HWB
- hwb(134 43% 46%)
- OKLCH
- oklch(0.604 0.047 152.2)
- OKLab
- oklab(0.604 -0.041 0.022)
- CIE Lab
- lab(54.74 -14.2 8.29)
- LCH
- lch(54.74 16.44 149.7)
- CMYK
- cmyk(21% 0% 16% 46%)
틴트 · 셰이드 · 톤
틴트
- 7B9581
- 89A08E
- 97AC9C
- A5B7A9
- B4C3B7
- C3CFC5
- D1DBD3
- E0E7E2
- F0F3F0
셰이드
- 5E7764
- 4F6554
- 415345
- 334237
- 263229
- 19221B
- 0D140F
- 040705
- 010101
톤
- 6F8975
- 718876
- 738778
- 758679
- 77857A
- 79847B
- 7B837C
- 7C827E
- 7E817F
색 조화
보색 +180°
- 6D8A74
Capsella
- 93788E
≈ Muted Berry
유사색 -30° +30°
- 6D8A74
Capsella
- 7C8667
≈ Swedish Clover
- 628B84
≈ Chlorite
삼각 배색 +120° +240°
- 6D8A74
Capsella
- 78809E
≈ Positively Purple
- 9C7870
≈ Southern Road
분열 보색 +150° +210°
- 6D8A74
Capsella
- 877B99
≈ Relic
- 9A767F
≈ Bohemian Jazz
사각 배색 +90° +180° +270°
- 6D8A74
Capsella
- 69859C
≈ Lakeville
- 93788E
≈ Muted Berry
- 967C65
≈ Lover’s Leap
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.79:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.53:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.53:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--capsella: #6d8a74;
--capsella-rgb: 109 138 116;
--capsella-oklch: oklch(0.604 0.047 152.2);
}
.element {
color: var(--capsella);
background-color: hsl(134 12% 48%);
border-color: oklch(0.604 0.047 152.2);
}Tailwind CSS v4
@theme {
--color-capsella: #6d8a74;
--color-capsella-50: #ebf9ef;
--color-capsella-100: #ddede1;
--color-capsella-200: #c6dacb;
--color-capsella-300: #a6bfad;
--color-capsella-400: #8aa791;
--color-capsella-500: #6f8f77;
--color-capsella-600: #5e7965;
--color-capsella-700: #4b6151;
--color-capsella-800: #37473a;
--color-capsella-900: #263128;
--color-capsella-950: #141d16;
}SCSS
$capsella: #6d8a74;
$capsella-rgb: 109, 138, 116;
$capsella-light: mix(#fff, $capsella, 20%);
$capsella-dark: mix(#000, $capsella, 20%);
.element {
color: $capsella;
box-shadow: 0 0 0 2px rgba($capsella, 0.35);
}