最も近い色名 · #91C28B
#91C28B
最も近い色名: Exhilarating Green
#91C28B（rgb(145 194 139)、hsl(113 31% 65%)、oklch(0.765 0.093 141.9)）に最も近い色名はExhilarating Greenです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#91C28B
oklch(0.765 0.093 141.9)
カラー変換
- HEX
- #91c28b
- RGB
- rgb(145 194 139)
- HSL
- hsl(113 31% 65%)
- HWB
- hwb(113 55% 24%)
- OKLCH
- oklch(0.765 0.093 141.9)
- OKLab
- oklab(0.765 -0.073 0.057)
- CIE Lab
- lab(73.89 -24.74 22.35)
- LCH
- lch(73.89 33.34 137.9)
- CMYK
- cmyk(25% 0% 28% 24%)
ティント · シェード · トーン
ティント
- 9CC896
- A7CEA2
- B2D4AD
- BDDAB9
- C8E1C4
- D3E7D0
- DEEDDC
- E9F3E7
- F4F9F3
シェード
- 7DA878
- 6A8F66
- 587754
- 466043
- 354932
- 253423
- 152014
- 070E07
- 010201
トーン
- 90BB8A
- 8EB589
- 8DAE88
- 8BA787
- 89A186
- 889A85
- 869484
- 848D83
- 828781
カラーハーモニー
補色 +180°
- 91C28B
Exhilarating Green
- CF9FD6
≈ Velvet Horizon
類似色 -30° +30°
- 91C28B
Exhilarating Green
- B4B972
≈ Olive Oil
- 70C6AC
≈ Gem Silica
トライアド +120° +240°
- 91C28B
Exhilarating Green
- 92B3EE
≈ Fly Away
- E89B98
≈ Mexicali Rose
スプリットコンプリメンタリー +150° +210°
- 91C28B
Exhilarating Green
- B3A8E9
≈ Maximum Blue Purple
- E19AB9
≈ Peach Flower
テトラード +90° +180° +270°
- 91C28B
Exhilarating Green
- 72BDE4
≈ Costa Rica Blue
- CF9FD6
≈ Velvet Horizon
- E2A27B
≈ Roasted Seeds
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.04:1 · APCA Lc 40
Ag
AAA黒の上
WCAG 10.29:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.29:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--exhilarating-green: #91c28b;
--exhilarating-green-rgb: 145 194 139;
--exhilarating-green-oklch: oklch(0.765 0.093 141.9);
}
.element {
color: var(--exhilarating-green);
background-color: hsl(113 31% 65%);
border-color: oklch(0.765 0.093 141.9);
}Tailwind CSS v4
@theme {
--color-exhilarating-green: #91c28b;
--color-exhilarating-green-50: #e6fde5;
--color-exhilarating-green-100: #d6f1d5;
--color-exhilarating-green-200: #bddfbc;
--color-exhilarating-green-300: #9bc49a;
--color-exhilarating-green-400: #7fad79;
--color-exhilarating-green-500: #61965b;
--color-exhilarating-green-600: #537f4e;
--color-exhilarating-green-700: #42653e;
--color-exhilarating-green-800: #314a2b;
--color-exhilarating-green-900: #21341d;
--color-exhilarating-green-950: #101f0d;
}SCSS
$exhilarating-green: #91c28b;
$exhilarating-green-rgb: 145, 194, 139;
$exhilarating-green-light: mix(#fff, $exhilarating-green, 20%);
$exhilarating-green-dark: mix(#000, $exhilarating-green, 20%);
.element {
color: $exhilarating-green;
box-shadow: 0 0 0 2px rgba($exhilarating-green, 0.35);
}