이름 색상 · #77913B
Fresh Herb
Fresh Herb은(는) #77913B: rgb(119 145 59), hsl(78 42% 40%), oklch(0.618 0.117 123.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Fresh Herb color name →
#77913B
oklch(0.618 0.117 123.9)
색상 변환
- HEX
- #77913b
- RGB
- rgb(119 145 59)
- HSL
- hsl(78 42% 40%)
- HWB
- hwb(78 23% 43%)
- OKLCH
- oklch(0.618 0.117 123.9)
- OKLab
- oklab(0.618 -0.065 0.097)
- CIE Lab
- lab(56.75 -19.72 41.36)
- LCH
- lch(56.75 45.82 115.5)
- CMYK
- cmyk(18% 0% 59% 43%)
틴트 · 셰이드 · 톤
틴트
- 849C50
- 91A765
- 9EB278
- ABBD8B
- B8C79E
- C6D3B1
- D4DEC5
- E2E9D8
- F1F4EB
셰이드
- 677D32
- 576A29
- 475821
- 384619
- 2A3511
- 1C2509
- 101504
- 050701
- 010100
톤
- 789044
- 798E4D
- 7A8C54
- 7A8B5B
- 7B8962
- 7C8769
- 7D866F
- 7E8475
- 7F827A
색 조화
보색 +180°
- 77913B
Fresh Herb
- 9573BF
≈ Viola
유사색 -30° +30°
- 77913B
Fresh Herb
- 9D831E
≈ Green Sulphur
- 439A64
≈ Green Fondant
삼각 배색 +120° +240°
- 77913B
Fresh Herb
- 3E8CC6
≈ Magical Merlin
- BF657D
≈ Creamed Raspberry
분열 보색 +150° +210°
- 77913B
Fresh Herb
- 707FCC
≈ Kickstart Purple
- AF69A3
≈ Victorian Valentine
사각 배색 +90° +180° +270°
- 77913B
Fresh Herb
- 0096AD
≈ Aquarium Diver
- 9573BF
≈ Viola
- C16955
≈ Sedona Canyon
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.56:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.89:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.89:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--fresh-herb: #77913b;
--fresh-herb-rgb: 119 145 59;
--fresh-herb-oklch: oklch(0.618 0.117 123.9);
}
.element {
color: var(--fresh-herb);
background-color: hsl(78 42% 40%);
border-color: oklch(0.618 0.117 123.9);
}Tailwind CSS v4
@theme {
--color-fresh-herb: #77913b;
--color-fresh-herb-50: #edfcd8;
--color-fresh-herb-100: #def0c5;
--color-fresh-herb-200: #c8dea7;
--color-fresh-herb-300: #a9c380;
--color-fresh-herb-400: #90aa59;
--color-fresh-herb-500: #769330;
--color-fresh-herb-600: #647c2b;
--color-fresh-herb-700: #506322;
--color-fresh-herb-800: #3c4815;
--color-fresh-herb-900: #29320d;
--color-fresh-herb-950: #171e02;
}SCSS
$fresh-herb: #77913b;
$fresh-herb-rgb: 119, 145, 59;
$fresh-herb-light: mix(#fff, $fresh-herb, 20%);
$fresh-herb-dark: mix(#000, $fresh-herb, 20%);
.element {
color: $fresh-herb;
box-shadow: 0 0 0 2px rgba($fresh-herb, 0.35);
}