色名 · #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);
}