色名 · #94BE7F
Sago Garden
Sago Gardenは#94BE7F：rgb(148 190 127)、hsl(100 33% 62%)、oklch(0.755 0.098 135.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Sago Garden color name →
#94BE7F
oklch(0.755 0.098 135.6)
カラー変換
- HEX
- #94be7f
- RGB
- rgb(148 190 127)
- HSL
- hsl(100 33% 62%)
- HWB
- hwb(100 50% 25%)
- OKLCH
- oklch(0.755 0.098 135.6)
- OKLab
- oklab(0.755 -0.07 0.069)
- CIE Lab
- lab(72.75 -23.26 27.15)
- LCH
- lch(72.75 35.75 130.6)
- CMYK
- cmyk(22% 0% 33% 25%)
ティント · シェード · トーン
ティント
- 9EC58C
- A9CB99
- B4D2A5
- BED8B2
- C9DFBF
- D4E5CB
- DEECD8
- E9F2E5
- F4F9F2
シェード
- 80A56E
- 6D8C5D
- 5A754C
- 485E3C
- 36482D
- 26331F
- 161F11
- 080D06
- 010201
トーン
- 92B880
- 90B180
- 8EAB80
- 8CA581
- 8A9F81
- 889981
- 869281
- 848C81
- 828680
カラーハーモニー
補色 +180°
- 94BE7F
Sago Garden
- C89DDA
≈ Autumn Wisteria
類似色 -30° +30°
- 94BE7F
Sago Garden
- B8B468
≈ Hi Def Lime
- 6FC4A1
≈ Gem Silica
トライアド +120° +240°
- 94BE7F
Sago Garden
- 86B2ED
≈ Fly Away
- E7969B
≈ Franken Berry
スプリットコンプリメンタリー +150° +210°
- 94BE7F
Sago Garden
- A9A7EB
≈ Maximum Blue Purple
- DD96BD
≈ Soft Matte
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.11:1 · APCA Lc 41
Ag
AAA黒の上
WCAG 9.93:1 · APCA Lc 61
最適な文字色: #000000
WCAG 9.93:1 (AAA) · APCA Lc 61
Contrast pairs
コードスニペット
CSS
:root {
--sago-garden: #94be7f;
--sago-garden-rgb: 148 190 127;
--sago-garden-oklch: oklch(0.755 0.098 135.6);
}
.element {
color: var(--sago-garden);
background-color: hsl(100 33% 62%);
border-color: oklch(0.755 0.098 135.6);
}Tailwind CSS v4
@theme {
--color-sago-garden: #94be7f;
--color-sago-garden-50: #e8fce1;
--color-sago-garden-100: #d9f0d0;
--color-sago-garden-200: #c1dfb6;
--color-sago-garden-300: #a0c493;
--color-sago-garden-400: #85ac71;
--color-sago-garden-500: #689551;
--color-sago-garden-600: #597e45;
--color-sago-garden-700: #476537;
--color-sago-garden-800: #344a26;
--color-sago-garden-900: #243319;
--color-sago-garden-950: #121f0a;
}SCSS
$sago-garden: #94be7f;
$sago-garden-rgb: 148, 190, 127;
$sago-garden-light: mix(#fff, $sago-garden, 20%);
$sago-garden-dark: mix(#000, $sago-garden, 20%);
.element {
color: $sago-garden;
box-shadow: 0 0 0 2px rgba($sago-garden, 0.35);
}