最も近い色名 · #91BC7F
#91BC7F
最も近い色名: Sage
#91BC7F（rgb(145 188 127)、hsl(102 31% 62%)、oklch(0.749 0.096 136.7)）に最も近い色名はSageです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#91BC7F
oklch(0.749 0.096 136.7)
カラー変換
- HEX
- #91bc7f
- RGB
- rgb(145 188 127)
- HSL
- hsl(102 31% 62%)
- HWB
- hwb(102 50% 26%)
- OKLCH
- oklch(0.749 0.096 136.7)
- OKLab
- oklab(0.749 -0.07 0.066)
- CIE Lab
- lab(71.99 -23.43 26.11)
- LCH
- lch(71.99 35.08 131.9)
- CMYK
- cmyk(23% 0% 32% 26%)
ティント · シェード · トーン
ティント
- 9CC38C
- A7C998
- B2D0A5
- BCD7B2
- C7DEBF
- D2E4CB
- DDEBD8
- E9F2E5
- F4F8F2
シェード
- 7DA36E
- 6A8B5D
- 58734C
- 465D3C
- 35472D
- 25321F
- 151F11
- 070D06
- 010201
トーン
- 8FB680
- 8EB080
- 8CAA80
- 8BA481
- 899E81
- 879881
- 869281
- 848C81
- 828680
カラーハーモニー
補色 +180°
- 91BC7F
Sage
- C69BD6
≈ Mauve Mist
類似色 -30° +30°
- 91BC7F
Sage
- B5B268
≈ Rodham
- 6DC1A0
≈ Gem Silica
トライアド +120° +240°
- 91BC7F
Sage
- 86B0EA
≈ Fly Away
- E49498
≈ Marker Pink
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.16:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.70:1 · APCA Lc 60
最適な文字色: #000000
WCAG 9.70:1 (AAA) · APCA Lc 60
Contrast pairs
コードスニペット
CSS
:root {
--sage: #91bc7f;
--sage-rgb: 145 188 127;
--sage-oklch: oklch(0.749 0.096 136.7);
}
.element {
color: var(--sage);
background-color: hsl(102 31% 62%);
border-color: oklch(0.749 0.096 136.7);
}Tailwind CSS v4
@theme {
--color-sage: #91bc7f;
--color-sage-50: #e8fce2;
--color-sage-100: #d8f0d1;
--color-sage-200: #c0dfb7;
--color-sage-300: #9fc494;
--color-sage-400: #84ac73;
--color-sage-500: #679553;
--color-sage-600: #587e47;
--color-sage-700: #466539;
--color-sage-800: #344a27;
--color-sage-900: #23331a;
--color-sage-950: #121f0a;
}SCSS
$sage: #91bc7f;
$sage-rgb: 145, 188, 127;
$sage-light: mix(#fff, $sage, 20%);
$sage-dark: mix(#000, $sage, 20%);
.element {
color: $sage;
box-shadow: 0 0 0 2px rgba($sage, 0.35);
}